鸿蒙5.0开发进阶:API ArkUI框架-ArkTS组件(无障碍悬浮事件)

往期鸿蒙全套实战文章必看:(文中附带全栈鸿蒙学习资料)


无障碍悬浮事件

在开启无障碍模式后,Touch事件会转换为无障碍悬浮事件。

说明

  • 从API Version 12开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
  • 目前仅支持通过开启无障碍模式触发。

onAccessibilityHover

onAccessibilityHover(callback: AccessibilityCallback): T

开启无障碍模式后,单指触摸绑定该回调的组件时触发该回调。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数:

参数名参数类型必填参数描述
callbackAccessibilityCallback提供开启无障碍模式后的无障碍悬浮回调事件,当开启无障碍模式后,单指触摸绑定该回调的组件时触发该回调。

返回值:

类型说明
T返回当前组件。

AccessibilityCallback

type AccessibilityCallback = (isHover: boolean, event: AccessibilityHoverEvent) => void

提供开启无障碍模式后的无障碍悬浮回调事件类型。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数:

参数名类型必填说明
isHoverboolean表示开启无障碍模式后,手指是否悬浮在组件上,手指进入时为true, 退出时为false。
eventAccessibilityHoverEvent获得AccessibilityHoverEvent对象。

AccessibilityHoverEvent对象说明

继承于BaseEvent

系统能力: SystemCapability.ArkUI.ArkUI.Full

名称属性类型描述
typeAccessibilityHoverType无障碍悬浮动作。
xnumber

手指位置相对于当前组件左上角的x轴坐标。

单位:vp

ynumber

手指位置相对于当前组件左上角的y轴坐标。

单位:vp

windowXnumber

手指位置相对于应用窗口左上角的x轴坐标。

单位:vp

windowYnumber

手指位置相对于应用窗口左上角的y轴坐标。

单位:vp

displayXnumber

手指位置相对于应用屏幕左上角的x轴坐标。

单位:vp

displayYnumber

手指位置相对于应用屏幕左上角的y轴坐标。

单位:vp

AccessibilityHoverType

定义无障碍悬浮类型。

名称描述
HOVER_ENTER0手指按下时触发。
HOVER_MOVE1触摸移动时触发。
HOVER_EXIT2抬手触发。
HOVER_CANCEL3打断取消当前触发的事件。

示例

该示例主要演示通过使用onAccessibilityHover事件,对无障碍模式下的按钮进行设置。

// xxx.ets
@Entry
@Component
struct OnAccessibilityHoverEventExample {
@State hoverText: string = 'no hover';
@State color: Color = Color.Blue;

build() {
Column({ space: 20 }) {
Button(this.hoverText)
.width(180).height(80)
.backgroundColor(this.color)
.onAccessibilityHover((isHover: boolean, event: AccessibilityHoverEvent) => {
// 通过onAccessibilityHover事件动态修改按钮在是否有鼠标悬浮时的文本内容与背景颜色
if (isHover) {
this.hoverText = 'hover';
this.color = Color.Pink;
} else {
this.hoverText = 'no hover';
this.color = Color.Blue;
}
})
}.padding({ top: 30 }).width('100%')
}
}
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值