浏览器应用PC场景下的键鼠适配之右键交互及hover提示实现
浏览器应用PC场景下的键鼠适配之右键交互及hover提示实现
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
ubuntu下sublime设置浏览器快捷方式,浏览器的路径该怎么写?
784浏览 • 1回复 待解决
点击事件,跳转使用系统浏览器方式进行浏览。如何实现
417浏览 • 1回复 待解决
有谁知道如何拉起浏览器应用
598浏览 • 1回复 待解决
使用已经实名认证的华为账号登录,但浏览器上还是未出现授权的“允许”按钮,浏览器界面也未跳转或提示
6729浏览 • 1回复 待解决
使用模拟器需要通过浏览器登录授权,浏览器提示该网站“不安全”,或者“你的连接不是私密连接”信息。
6920浏览 • 1回复 待解决
鸿蒙应用如何打开浏览器并访问指定链接
668浏览 • 1回复 待解决
浏览器查询是否有网络的接口,在浏览器里面返回true 但是在应用里面的webview返回False
275浏览 • 1回复 待解决
使用DevEco Studio登录模拟器的时候,在浏览器登录华为帐号进行授权,但浏览器地址反复跳转,不能打开登录
6078浏览 • 1回复 待解决
Web组件是否支持浏览器的localstorage?
460浏览 • 1回复 待解决
浏览器下载的文件如何导入鸿蒙
5592浏览 • 1回复 待解决
通过隐式Want拉起浏览器应用时报16000050错误
585浏览 • 1回复 待解决
如何打开键鼠穿越功能开关
950浏览 • 1回复 待解决
请问一下,FA卡片或者FA如何通过手机默认浏览器打开指定的网页链接
4882浏览 • 1回复 待解决
服务卡片webview如何跳转系统浏览器?
6618浏览 • 2回复 待解决
DevEco Studio登录模拟器,浏览器跳转至http://localhost:10101/xxx,提示“无法访问此网站”。
5237浏览 • 1回复 待解决
安卓App或者浏览器如何跳转鸿蒙App
8553浏览 • 1回复 待解决
键鼠事件可以设置冒泡阻断,其他事件是否支持
608浏览 • 1回复 待解决
通过按键事件获取到浏览器地址栏联想记录
416浏览 • 1回复 待解决
应用快捷键ALT+F4关闭应用窗口如何实现及其它快捷键如何实现
550浏览 • 1回复 待解决
@ohos.web.webview的zoom接口不生效,浏览器窗口不能放大缩小 ,zoomAccess设为true也不行。
455浏览 • 1回复 待解决
文档中提到键鼠事件可以设置冒泡阻断,其他事件是否支持
614浏览 • 1回复 待解决
华为浏览器APP桌面图标不见了,如何让它固定到桌面??
4809浏览 • 1回复 待解决
woeker及taskpool的简单实现
292浏览 • 1回复 待解决
应用通用获焦及走焦方式如何实现
509浏览 • 1回复 待解决
AAID(应用匿名标识符)在哪些场景下会变化
863浏览 • 1回复 待解决
在PC场景下,鼠标左键常常意味着用户要触发点击处的功能(通常是单一明确的);而鼠标右键,则是给用户提供更多的选项,让用户有更多的可选操作项;
而hover提示,则是当前用户鼠标hover到某个控件时,给出相关功能的提示信息,让用户快速了解这块交互能力;
本篇总结,就是介绍一下浏览器应用在右键交互及hover提示方面的实现;
鼠标右键的实现
在PC上,鼠标右键呼出相关菜单项,是非常常见的场景;浏览器应用在网页标题栏的相关操作,就是典型场景:
右键菜单的实现,分解的话,有3个核心步骤:
1.监听右键,2.展示菜单,3.是菜单项的逻辑处理
在使用系统api上,主要使用的是菜单控制相关的bindContextMenu;(https://docs.openharmony.cn/pages/v4.0/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-menu.md/#%E5%B1%9E%E6%80%A7)
名称
参数类型
描述
bindContextMenu8+
content: CustomBuilder,
responseType: ResponseType
options?: ContextMenuOptions
给组件绑定菜单,触发方式为长按或者右键点击,弹出菜单项需要自定义。
responseType: 菜单弹出条件,长按或者右键点击。
options: 配置弹出菜单的参数。
核心代码:
bindContextMenu(this.MenuBuilder(), ResponseType.RightClick)
当前,复杂的业务处理逻辑,需要业务进行处理,工作量还是有一些的;
Hover提示信息的实现
Hover通常在PC场景下,用于提示用户相关操作的说明信息,是同用户交互常见场景;
浏览器的典型应用场景如下:
在实现上主要用到的是popup弹框;
https://docs.openharmony.cn/pages/v4.0/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md/
具体实现时,使用onHover进行事件监听,使用.bindPopup进行弹出相关提示信息