SwipeGesture
用于觸發滑動事件,滑動速度大于100vp/s時可識別成功。
說明:
開發前請熟悉鴻蒙開發指導文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
從API Version 8開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
接口
SwipeGesture(value?: { fingers?: number; direction?: SwipeDirection; speed?: number })
參數:
參數名稱 | 參數類型 | 必填 | 參數描述 |
---|---|---|---|
fingers | number | 否 | 觸發滑動的最少手指數,默認為1,最小為1指,最大為10指。 默認值:1 |
direction | [SwipeDirection] | 否 | 觸發滑動手勢的滑動方向。 默認值:SwipeDirection.All |
speed | number | 否 | 識別滑動的最小速度(默認為100VP/秒)。 默認值:100**說明:**當滑動速度的值小于等于0時,會被轉化為默認值。 |
SwipeDirection枚舉說明
名稱 | 描述 |
---|---|
All | 所有方向。 |
Horizontal | 水平方向,手指滑動方向與x軸夾角小于45度時觸發。 |
Vertical | 豎直方向,手指滑動方向與y軸夾角小于45度時觸發。 |
None | 任何方向均不可觸發。 |
事件
名稱 | 功能描述 |
---|---|
onAction(event:(event?: [GestureEvent]) => void) | 滑動手勢識別成功回調。HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
示例
// 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 })
// 單指豎直方向滑動時觸發該事件
.gesture(
SwipeGesture({ direction: SwipeDirection.Vertical })
.onAction((event?: GestureEvent) = > {
if (event) {
this.speed = event.speed
this.rotateAngle = event.angle
}
})
)
}.width('100%')
}
}
審核編輯 黃宇
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
鴻蒙
+關注
關注
57文章
2339瀏覽量
42811
發布評論請先 登錄
相關推薦
鴻蒙ArkTS聲明式開發:跨平臺支持列表【顯隱控制】 通用屬性
控制當前組件顯示或隱藏。注意,即使組件處于隱藏狀態,在頁面刷新時仍存在重新創建過程,因此當對性能有嚴格要求時建議使用[條件渲染]代替。 默認值:Visibility.Visible 從API version 9開始,該接口支持在ArkTS卡片中使用。
鴻蒙ArkTS聲明式開發:跨平臺支持列表【形狀裁剪】 通用屬性
參數為相應類型的組件,按指定的形狀對當前組件進行裁剪;參數為boolean類型時,設置是否按照父容器邊緣輪廓進行裁剪。 默認值:false 從API version 9開始,該接口支持在ArkTS卡片中使用。
評論