RotationGesture
用于觸發(fā)旋轉(zhuǎn)手勢事件,觸發(fā)旋轉(zhuǎn)手勢的最少手指為2指,最大為5指,最小改變度數(shù)為1度。
說明:
開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。
接口
RotationGesture(value?: { fingers?: number, angle?: number })
參數(shù)名稱 | 參數(shù)類型 | 必填 | 參數(shù)描述 |
---|---|---|---|
fingers | number | 否 | 觸發(fā)旋轉(zhuǎn)的最少手指數(shù), 最小為2指,最大為5指。 默認(rèn)值:2 |
angle | number | 否 | 觸發(fā)旋轉(zhuǎn)手勢的最小改變度數(shù),單位為deg。 默認(rèn)值:1**說明:**當(dāng)改變度數(shù)的值小于等于0時(shí),會被轉(zhuǎn)化為默認(rèn)值。 |
事件
名稱 | 功能描述 |
---|---|
onActionStart(event:(event?: [GestureEvent]) => void) | Rotation手勢識別成功回調(diào)。 |
onActionUpdate(event:(event?: [GestureEvent]) => void) | Rotation手勢移動過程中回調(diào)。 |
onActionEnd(event:(event?: [GestureEvent]) => void) | Rotation手勢識別成功,手指抬起后觸發(fā)回調(diào)。 |
onActionCancel(event: () => void) | Rotation手勢識別成功,接收到觸摸取消事件觸發(fā)回調(diào)。HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
示例
// xxx.ets
@Entry
@Component
struct RotationGestureExample {
@State angle: number = 0
@State rotateValue: number = 0
build() {
Column() {
Column() {
Text('RotationGesture angle:' + this.angle)
}
.height(200)
.width(300)
.padding(20)
.border({ width: 3 })
.margin(80)
.rotate({ angle: this.angle })
// 雙指旋轉(zhuǎn)觸發(fā)該手勢事件
.gesture(
RotationGesture()
.onActionStart((event?: GestureEvent) = > {
console.info('Rotation start')
})
.onActionUpdate((event?: GestureEvent) = > {
if (event) {
this.angle = this.rotateValue + event.angle
}
})
.onActionEnd(() = > {
this.rotateValue = this.angle
console.info('Rotation end')
})
)
}.width('100%')
}
}
審核編輯 黃宇
-
鴻蒙
+關(guān)注
關(guān)注
57文章
2309瀏覽量
42740
發(fā)布評論請先 登錄
相關(guān)推薦
評論