arkui-x框架,API Version 12。

背景参考前一篇:arkui-x stack叠层解决焦点变换带来的布局问题-CSDN博客

系统测试中发现的一个问题:

操作方法:

        先用tab键切换为键盘控制焦点,选中一个组件A;

        然后切换为鼠标悬停触发焦点变换,移动到另一个组件B;

        再返回使用tab键切换回键盘控制焦点,返回到组件A,而不是组件B

                  .id(info.appName)
                  .onFocus(() => {
                    focusControl.requestFocus(info.appName)
                    this.isFocusItem[this.lastFocusIndex] = false
                    this.isFocusItem[info.index] = true
                    this.lastFocusIndex = info.index
                  })
                  .onHover((isHover?: boolean) => {
                    if (isHover) {
                      focusControl.requestFocus(info.appName)
                      this.isFocusItem[this.lastFocusIndex] = false
                      this.isFocusItem[info.index] = true
                      this.lastFocusIndex = info.index
                      // console.log("---AllAppPage", "on hover, index: " + info.index)
                    }
                  })

总结就是:第二次键盘操作触发的焦点组件是前一次键盘操作的焦点组件,而不是鼠标悬停的焦点组件

说明在鼠标悬停onHover中调用的focusControl.requestFocus没起作用;

但在键盘操作onFocus里调用的focusControl.requestFocus起了作用;

还有打开页面数据加载函数onPageShow里设置默认的focus,也调用了focusControl.requestFocus,看起来也没生效。

关于这一点,是否存在鼠标和键盘切换,要求焦点无缝衔接的场景,甲方的工程师认为没有,只要单独的鼠标或者单独的键盘操作焦点,是连续的就行。

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐