鴻蒙ArkTS聲明式開(kāi)發(fā)：跨平臺(tái)支持列表 SwipeGesture之基礎(chǔ)手勢(shì)

SwipeGesture

用于觸發(fā)滑動(dòng)事件，滑動(dòng)速度大于100vp/s時(shí)可識(shí)別成功。

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

接口

SwipeGesture(value?: { fingers?: number; direction?: SwipeDirection; speed?: number })

參數(shù)：

參數(shù)名稱(chēng)	參數(shù)類(lèi)型	必填	參數(shù)描述
fingers	number	否	觸發(fā)滑動(dòng)的最少手指數(shù)，默認(rèn)為1，最小為1指，最大為10指。默認(rèn)值：1
direction	[SwipeDirection]	否	觸發(fā)滑動(dòng)手勢(shì)的滑動(dòng)方向。默認(rèn)值：SwipeDirection.All
speed	number	否	識(shí)別滑動(dòng)的最小速度（默認(rèn)為100VP/秒）。默認(rèn)值：100說(shuō)明：當(dāng)滑動(dòng)速度的值小于等于0時(shí)，會(huì)被轉(zhuǎn)化為默認(rèn)值。

SwipeDirection枚舉說(shuō)明

名稱(chēng)	描述
All	所有方向。
Horizontal	水平方向，手指滑動(dòng)方向與x軸夾角小于45度時(shí)觸發(fā)。
Vertical	豎直方向，手指滑動(dòng)方向與y軸夾角小于45度時(shí)觸發(fā)。
None	任何方向均不可觸發(fā)。

事件

名稱(chēng)	功能描述
onAction(event:(event?: [GestureEvent]) => void)	滑動(dòng)手勢(shì)識(shí)別成功回調(diào)。`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`

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

示例

// xxx.ets
@Entry
@Component
struct SwipeGestureExample {
  @State rotateAngle: number = 0
  @State speed: number = 1

  build() {
    Column() {
      Column() {
        Text("SwipeGesture speedn" + this.speed)
        Text("SwipeGesture anglen" + this.rotateAngle)
      }
      .border({ width: 3 })
      .width(300)
      .height(200)
      .margin(100)
      .rotate({ angle: this.rotateAngle })
      // 單指豎直方向滑動(dòng)時(shí)觸發(fā)該事件
      .gesture(
      SwipeGesture({ direction: SwipeDirection.Vertical })
        .onAction((event?: GestureEvent) = > {
          if (event) {
            this.speed = event.speed
            this.rotateAngle = event.angle
          }
        })
      )
    }.width('100%')
  }
}

審核編輯黃宇

聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀(guān)點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴