RotationGesture
用于觸發(fā)旋轉(zhuǎn)手勢(shì)事件,觸發(fā)旋轉(zhuǎn)手勢(shì)的最少手指為2指,最大為5指,最小改變度數(shù)為1度。
說明:
開發(fā)前請(qǐng)熟悉鴻蒙開發(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ì)的最小改變度數(shù),單位為deg。 默認(rèn)值:1**說明:**當(dāng)改變度數(shù)的值小于等于0時(shí),會(huì)被轉(zhuǎn)化為默認(rèn)值。 |
事件
名稱 | 功能描述 |
---|---|
onActionStart(event:(event?: [GestureEvent]) => void) | Rotation手勢(shì)識(shí)別成功回調(diào)。 |
onActionUpdate(event:(event?: [GestureEvent]) => void) | Rotation手勢(shì)移動(dòng)過程中回調(diào)。 |
onActionEnd(event:(event?: [GestureEvent]) => void) | Rotation手勢(shì)識(shí)別成功,手指抬起后觸發(fā)回調(diào)。 |
onActionCancel(event: () => void) | Rotation手勢(shì)識(shí)別成功,接收到觸摸取消事件觸發(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ā)該手勢(shì)事件
.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文章
2392瀏覽量
43055
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
HarmonyOS/OpenHarmony應(yīng)用開發(fā)-ArkTS的聲明式開發(fā)范式
鴻蒙開發(fā)之ArkTS基礎(chǔ)知識(shí)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>之</b><b class='flag-5'>ArkTS</b>基礎(chǔ)知識(shí)](https://file1.elecfans.com/web2/M00/BE/20/wKgZomWwzX-AJPj6AADx7A07NIA465.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表【顯隱控制】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【顯隱控制】 通用屬性](https://file1.elecfans.com/web2/M00/EB/2D/wKgZomZdZsOAPO5rAACQtOvBUOY300.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表【形狀裁剪】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【形狀裁剪】 通用屬性](https://file1.elecfans.com/web2/M00/EB/98/wKgZomZewfuAbiTWAACFRsepasU509.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表【菜單控制】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【菜單控制】 通用屬性](https://file1.elecfans.com/web2/M00/C6/E9/wKgaomYEK1aAOyTeAADysXFhWs8242.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表【多態(tài)樣式】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【多態(tài)樣式】 通用屬性](https://file1.elecfans.com/web2/M00/ED/45/wKgaomZiZyiARs72AACD6VoYVKQ541.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表LongPressGesture之基礎(chǔ)手勢(shì)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>LongPressGesture<b class='flag-5'>之</b>基礎(chǔ)<b class='flag-5'>手勢(shì)</b>](https://file1.elecfans.com/web2/M00/EB/93/wKgZomZeuXuAfmJRAADrojiVvnQ389.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表PanGesture之基礎(chǔ)手勢(shì)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>PanGesture<b class='flag-5'>之</b>基礎(chǔ)<b class='flag-5'>手勢(shì)</b>](https://file1.elecfans.com/web2/M00/EB/93/wKgZomZeuXuAfmJRAADrojiVvnQ389.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表PinchGesture之基礎(chǔ)手勢(shì)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>PinchGesture<b class='flag-5'>之</b>基礎(chǔ)<b class='flag-5'>手勢(shì)</b>](https://file1.elecfans.com/web2/M00/F0/3C/wKgaomZwL6GAGck-AABOph1xi3U030.jpg)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表 SwipeGesture之基礎(chǔ)手勢(shì)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b> SwipeGesture<b class='flag-5'>之</b>基礎(chǔ)<b class='flag-5'>手勢(shì)</b>](https://file1.elecfans.com/web2/M00/C6/E9/wKgaomYEK1aAOyTeAADysXFhWs8242.png)
鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表 組合手勢(shì)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b> 組合<b class='flag-5'>手勢(shì)</b>](https://file1.elecfans.com/web2/M00/F1/2A/wKgaomZyNU-AdMoIAAEfqIKBpwk728.png)
評(píng)論