在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

鴻蒙ArkTS聲明式開發:跨平臺支持列表PinchGesture之基礎手勢

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-06-18 09:33 ? 次閱讀

PinchGesture

用于觸發捏合手勢,觸發捏合手勢的最少手指為2指,最大為5指,最小識別距離為3vp。

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

接口

PinchGesture(value?: { fingers?: number, distance?: number })

參數

參數名稱參數類型必填參數描述
fingersnumber觸發捏合的最少手指數, 最小為2指,最大為5指。 默認值:2
distancenumber最小識別距離,單位為vp。 默認值:3**說明:**當識別距離的值小于等于0時,會被轉化為默認值。

事件

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

示例

// xxx.ets
@Entry
@Component
struct PinchGestureExample {
  @State scaleValue: number = 1
  @State pinchValue: number = 1
  @State pinchX: number = 0
  @State pinchY: number = 0

  build() {
    Column() {
      Column() {
        Text('PinchGesture scale:n' + this.scaleValue)
        Text('PinchGesture center:n(' + this.pinchX + ',' + this.pinchY + ')')
      }
      .height(200)
      .width(300)
      .padding(20)
      .border({ width: 3 })
      .margin({ top: 100 })
      .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })
      // 三指捏合觸發該手勢事件
      .gesture(
      PinchGesture({ fingers: 3 })
        .onActionStart((event?: GestureEvent) = > {
          console.info('Pinch start')
        })
        .onActionUpdate((event?: GestureEvent) = > {
          if (event) {
            this.scaleValue = this.pinchValue * event.scale
            this.pinchX = event.pinchCenterX
            this.pinchY = event.pinchCenterY
          }
        })
        .onActionEnd(() = > {
          this.pinchValue = this.scaleValue
          console.info('Pinch end')
        })
      )
    }.width('100%')
  }
}

zh-cn_image_0000001174582848

審核編輯 黃宇

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 鴻蒙
    +關注

    關注

    57

    文章

    2358

    瀏覽量

    42876
收藏 人收藏

    評論

    相關推薦

    HarmonyOS/OpenHarmony應用開發-ArkTS聲明開發范式

    基于ArkTS聲明開發范式的方舟開發框架是一套開發極簡、高性能、
    發表于 01-17 15:09

    鴻蒙開發ArkTS基礎知識

    一、ArkTS簡介 ArkTS是HarmonyOS優選的主力應用開發語言。它在TypeScript(簡稱TS)的基礎上,匹配了鴻蒙的ArkUI框架,擴展了
    的頭像 發表于 01-24 16:44 ?2278次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>之</b><b class='flag-5'>ArkTS</b>基礎知識

    鴻蒙ArkTS聲明開發平臺支持列表【觸摸事件】

    當手指在組件上按下、滑動、抬起時觸發。
    的頭像 發表于 05-27 09:34 ?501次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【觸摸事件】

    鴻蒙ArkTS聲明開發平臺支持列表【顯隱控制】 通用屬性

    控制當前組件顯示或隱藏。注意,即使組件處于隱藏狀態,在頁面刷新時仍存在重新創建過程,因此當對性能有嚴格要求時建議使用[條件渲染]代替。 默認值:Visibility.Visible 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-03 14:46 ?604次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【顯隱控制】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【形狀裁剪】 通用屬性

    參數為相應類型的組件,按指定的形狀對當前組件進行裁剪;參數為boolean類型時,設置是否按照父容器邊緣輪廓進行裁剪。 默認值:false 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-04 15:22 ?478次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【形狀裁剪】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【菜單控制】 通用屬性

    為組件綁定彈出菜單,彈出菜單以垂直列表形式顯示菜單項,可通過長按、點擊或鼠標右鍵觸發。
    的頭像 發表于 06-06 09:17 ?693次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【菜單控制】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【多態樣式】 通用屬性

    設置組件不同狀態的樣式。 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-07 09:48 ?413次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【多態樣式】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【觸摸熱區設置】觸摸交互控制

    適用于支持通用點擊事件、通用觸摸事件、通用手勢處理的組件。
    的頭像 發表于 06-13 10:33 ?468次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【觸摸熱區設置】觸摸交互控制

    鴻蒙ArkTS聲明開發平臺支持列表【綁定手勢方法】 手勢處理

    為組件綁定不同類型的手勢事件,并設置事件的響應方法。
    的頭像 發表于 06-15 09:17 ?788次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【綁定<b class='flag-5'>手勢</b>方法】 <b class='flag-5'>手勢</b>處理

    鴻蒙ArkTS聲明開發平臺支持列表【TapGesture】 基礎手勢

    支持單擊、雙擊和多次點擊事件的識別。
    的頭像 發表于 06-17 14:19 ?356次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【TapGesture】 基礎<b class='flag-5'>手勢</b>

    鴻蒙ArkTS聲明開發平臺支持列表LongPressGesture基礎手勢

    用于觸發長按手勢事件,觸發長按手勢的最少手指數為1,最短長按時間為500毫秒。
    的頭像 發表于 06-17 09:59 ?473次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>LongPressGesture<b class='flag-5'>之</b>基礎<b class='flag-5'>手勢</b>

    鴻蒙ArkTS聲明開發平臺支持列表PanGesture基礎手勢

    用于觸發拖動手勢事件,滑動的最小距離為5vp時拖動手勢識別成功。
    的頭像 發表于 06-17 15:03 ?443次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>PanGesture<b class='flag-5'>之</b>基礎<b class='flag-5'>手勢</b>

    鴻蒙ArkTS聲明開發平臺支持列表RotationGesture基礎手勢

    用于觸發旋轉手勢事件,觸發旋轉手勢的最少手指為2指,最大為5指,最小改變度數為1度。
    的頭像 發表于 06-18 09:27 ?293次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>RotationGesture<b class='flag-5'>之</b>基礎<b class='flag-5'>手勢</b>

    鴻蒙ArkTS聲明開發平臺支持列表 SwipeGesture基礎手勢

    用于觸發滑動事件,滑動速度大于100vp/s時可識別成功。
    的頭像 發表于 06-18 14:59 ?342次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b> SwipeGesture<b class='flag-5'>之</b>基礎<b class='flag-5'>手勢</b>

    鴻蒙ArkTS聲明開發平臺支持列表 組合手勢

    手勢識別組合,即多種手勢組合為復合手勢支持連續識別、并行識別和互斥識別。
    的頭像 發表于 06-19 09:33 ?428次閱讀
    <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'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b> 組合<b class='flag-5'>手勢</b>
    主站蜘蛛池模板: 亚洲精品私拍国产福利在线 | 禁h粗大太大好爽好涨受不了了 | 天天操天天曰 | 国内一级特黄女人精品毛片 | aaa网站| 国产欧美综合在线 | 美女被啪到哭网站在线观看 | 天堂中文最新版www 天堂资源8中文最新版在线 | 久久香蕉国产线看观看精品yw | 女人张腿让男子桶免费动态图 | 理论在线看 | 手机看片神马午夜片 | 亚洲一区二区三区不卡视频 | 被男同桌摸内裤好爽视频 | 在线免费观看视频你懂的 | 被男同桌摸内裤好爽视频 | 天天碰天天操 | 永久免费在线播放 | 青娱乐伊人 | 天天色天天射天天操 | 轻点灬大ji巴太粗太长了爽文 | 黄色18网站| 在线免费视频观看 | 天天综合天天添夜夜添狠狠添 | 一级不卡毛片免费 | 久久99久久99精品免观看 | 美女视频一区二区 | 老子影院午夜精品欧美视频 | 天天舔天天操 | 欧美特级午夜一区二区三区 | 永久免费看片 | 欧美成人一区二区三区在线视频 | 狠狠做深爱婷婷综合一区 | 色综合天天综合 | 网站色小妹 | 大乳妇女bd视频在线观看 | 国产三级日本三级美三级 | 美女隐私黄www视频 美女用手扒开尿口给男生桶爽 | 手机看片1024手机在线观看 | 韩国三级中文字幕hd | 免费国产高清精品一区在线 |