手勢表示由單個或多個事件識別的語義動作(例如:點擊、拖動和長按)。一個完整的手勢也可能由多個事件組成,對應手勢的生命周期。支持的事件有:
觸摸
- touchstart:手指觸摸動作開始。
- touchmove:手指觸摸后移動。
- touchcancel:手指觸摸動作被打斷,如來電提醒、彈窗。
- touchend:手指觸摸動作結束。
點擊
click:用戶快速輕敲屏幕。
長按
longpress:用戶在相同位置長時間保持與屏幕接觸。
具體的使用示例如下:
!-- xxx.hml --?>
{{onClick}}/text?>
{{touchstart}}/text?>
{{touchmove}}/text?>
{{touchend}}/text?>
{{touchcancel}}/text?>
{{onLongPress}}/text?>
html
/* xxx.css */
.container {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.text-container {
margin-top: 30px;
flex-direction: column;
width: 600px;
height: 70px;
background-color: #0000FF;
}
.text-style {
width: 100%;
line-height: 50px;
text-align: center;
font-size: 24px;
color: #ffffff;
}
css
// xxx.js
export default {
data: {
touchstart: 'touchstart',
touchmove: 'touchmove',
touchend: 'touchend',
touchcancel: 'touchcancel',
onClick: 'onclick',
onLongPress: 'onlongpress',
},
touchCancel: function (event) {
this.touchcancel = 'canceled';
},
touchEnd: function(event) {
this.touchend = 'ended';
},
touchMove: function(event) {
this.touchmove = 'moved';
},
touchStart: function(event) {
this.touchstart = 'touched';
},
longPress: function() {
this.onLongPress = 'longpressed';
},
click: function() {
this.onClick = 'clicked';
},
}
js
審核編輯 黃宇
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
鴻蒙
+關注
關注
57文章
2411瀏覽量
43302 -
OpenHarmony
+關注
關注
25文章
3770瀏覽量
17053
發布評論請先 登錄
相關推薦
OpenHarmony實戰開發-如何實現窗口開發概述
操作系統而言,窗口模塊提供了不同應用界面的組織管理邏輯。
窗口模塊的用途
在OpenHarmony中,窗口模塊主要負責以下職責:
提供應用和系統界面的窗口對象。 應用開發者通過窗口加載UI界面,實現界面
發表于 05-06 14:29
OpenHarmony應用開發—解鎖學習實戰(一)
。8.等待工程同步完成,同步成功后,便可以進行OpenHarmony應用開發了。開源項目地址:歡迎大家更多創意與功能的參與。https://gitee.com/jltfcloudcn/openharmonyIOTAPP/tree
發表于 09-01 17:10
OpenHarmony應用開發—解鎖學習實戰(二)
位置;Openharmony: 提示搜索Openharmony頁面布局;Index: app首頁布局;Interest: Openharmony開發者勉勵語頁面布局;study:
發表于 09-02 09:50
OpenHarmony數據轉碼應用開發實戰(下)
1 背景對于剛入門OpenHarmony開發的小伙伴來說,如果有一個合適的實戰項目來練手,對自身的技術能力提升是非常有幫助的,本文將以一個小項目——數據轉碼應用,來講解應用開發全流程。
發表于 11-10 09:31
HarmonyOS/OpenHarmony(Stage模型)應用開發手勢綁定方法
通過給各個組件綁定不同的手勢事件,并設計事件的響應方式,當手勢識別成功時,ArkUI框架將通過事件回調通知組件手勢識別的結果。
一、gesture(常規手勢綁定方法)
..gestur
發表于 08-29 15:24
HarmonyOS/OpenHarmony(Stage模型)應用開發組合手勢(一)連續識別
組合手勢由多種單一手勢組合而成,通過在GestureGroup中使用不同的GestureMode來聲明該組合手勢的類型,支持連續識別、并行識別和互斥識別三種類型。
.GestureGroup
發表于 09-07 15:20
HarmonyOS/OpenHarmony(Stage模型)應用開發組合手勢(二)并行識別
并行識別組合手勢對應的GestureMode為Parallel。并行識別組合手勢中注冊的手勢將同時進行識別,直到所有手勢識別結束。并行識別手勢
發表于 09-08 16:17
HarmonyOS/OpenHarmony(Stage模型)應用開發組合手勢(三)互斥識別
互斥識別組合手勢對應的GestureMode為Exclusive?;コ庾R別組合手勢中注冊的手勢將同時進行識別,若有一個手勢識別成功,則結束手勢
發表于 09-11 15:01
基于openharmony適配移植的手勢檢測器框架
項目介紹 項目名稱:手勢檢測器框架 所屬系列:openharmony的第三方組件適配移植 功能:實現各種手勢檢測功能 項目移植狀態:主功能完成 調用差異:無 開發版本:sdk6,Dev
發表于 04-08 09:17
?2次下載
【開源項目】帶你快速入門OPenHarmony—數據轉碼應用實戰
1、背景 OpenHarmony的應用開發支持C++、JS、eTS,從已有版本的演進路線來看,eTS是未來重點的技術路線。 對于剛入門OpenHarmony應用開發的小伙伴來說,eTS
OpenHarmony輕量系統書籍推薦《OpenHarmony輕量設備開發理論與實戰》
最近大家問的智能家居套件方面有沒有可以參考的資料,這里給大家統一回復一下 推薦大家可以看這本書 《OpenHarmony輕量設備開發理論與實戰》 本書系統地講授OpenHarmony
鴻蒙OpenHarmony開發實戰:【MiniCanvas】
基于OpenHarmony的Cavas組件封裝了一版極簡操作的MiniCanvas,屏蔽了原有Canvas內部復雜的調用流程,支持一個API就可以實現相應的繪制能力,該庫還在繼續完善中,也歡迎PR。
評論