RotationGesture

用于觸發(fā)旋轉手勢事件，觸發(fā)旋轉手勢的最少手指為2指，最大為5指，最小改變度數(shù)為1度。

說明：
開發(fā)前請熟悉鴻蒙開發(fā)指導文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
從API Version 7開始支持。后續(xù)版本如有新增內容，則采用上角標單獨標記該內容的起始版本。

接口

RotationGesture(value?: { fingers?: number, angle?: number })

參數(shù)：

參數(shù)名稱	參數(shù)類型	必填	參數(shù)描述
fingers	number	否	觸發(fā)旋轉的最少手指數(shù), 最小為2指，最大為5指。默認值：2
angle	number	否	觸發(fā)旋轉手勢的最小改變度數(shù)，單位為deg。默認值：1說明：當改變度數(shù)的值小于等于0時，會被轉化為默認值。

事件

名稱	功能描述
onActionStart(event:(event?: [GestureEvent]) => void)	Rotation手勢識別成功回調。
onActionUpdate(event:(event?: [GestureEvent]) => void)	Rotation手勢移動過程中回調。
onActionEnd(event:(event?: [GestureEvent]) => void)	Rotation手勢識別成功，手指抬起后觸發(fā)回調。
onActionCancel(event: () => void)	Rotation手勢識別成功，接收到觸摸取消事件觸發(fā)回調。`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`

搜狗高速瀏覽器截圖20240326151450.png

示例

// 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 })
      // 雙指旋轉觸發(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%')
  }
}