手勢表示由單個(gè)或多個(gè)事件識別的語義動(dòng)作(例如:點(diǎn)擊、拖動(dòng)和長按)。一個(gè)完整的手勢也可能由多個(gè)事件組成,對應(yīng)手勢的生命周期。支持的事件有:
觸摸
- touchstart:手指觸摸動(dòng)作開始。
- touchmove:手指觸摸后移動(dòng)。
- touchcancel:手指觸摸動(dòng)作被打斷,如來電提醒、彈窗。
- touchend:手指觸摸動(dòng)作結(jié)束。
點(diǎn)擊
click:用戶快速輕敲屏幕。
長按
longpress:用戶在相同位置長時(shí)間保持與屏幕接觸。
具體的使用示例如下:
!-- 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
審核編輯 黃宇
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報(bào)投訴
-
鴻蒙
+關(guān)注
關(guān)注
60文章
2617瀏覽量
44033 -
OpenHarmony
+關(guān)注
關(guān)注
29文章
3851瀏覽量
18587
發(fā)布評論請先 登錄
相關(guān)推薦
熱點(diǎn)推薦
OpenHarmony實(shí)戰(zhàn)開發(fā)-如何實(shí)現(xiàn)窗口開發(fā)概述
操作系統(tǒng)而言,窗口模塊提供了不同應(yīng)用界面的組織管理邏輯。
窗口模塊的用途
在OpenHarmony中,窗口模塊主要負(fù)責(zé)以下職責(zé):
提供應(yīng)用和系統(tǒng)界面的窗口對象。 應(yīng)用開發(fā)者通過窗口加載UI界面,實(shí)現(xiàn)界面
發(fā)表于 05-06 14:29
OpenHarmony應(yīng)用開發(fā)—解鎖學(xué)習(xí)實(shí)戰(zhàn)(一)
。8.等待工程同步完成,同步成功后,便可以進(jìn)行OpenHarmony應(yīng)用開發(fā)了。開源項(xiàng)目地址:歡迎大家更多創(chuàng)意與功能的參與。https://gitee.com/jltfcloudcn/openharmonyIOTAPP/tree
發(fā)表于 09-01 17:10
OpenHarmony應(yīng)用開發(fā)—解鎖學(xué)習(xí)實(shí)戰(zhàn)(二)
位置;Openharmony: 提示搜索Openharmony頁面布局;Index: app首頁布局;Interest: Openharmony開發(fā)者勉勵(lì)語頁面布局;study:
發(fā)表于 09-02 09:50
OpenHarmony數(shù)據(jù)轉(zhuǎn)碼應(yīng)用開發(fā)實(shí)戰(zhàn)(下)
1 背景對于剛?cè)腴TOpenHarmony開發(fā)的小伙伴來說,如果有一個(gè)合適的實(shí)戰(zhàn)項(xiàng)目來練手,對自身的技術(shù)能力提升是非常有幫助的,本文將以一個(gè)小項(xiàng)目——數(shù)據(jù)轉(zhuǎn)碼應(yīng)用,來講解應(yīng)用開發(fā)全流程。
發(fā)表于 11-10 09:31
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)手勢綁定方法
通過給各個(gè)組件綁定不同的手勢事件,并設(shè)計(jì)事件的響應(yīng)方式,當(dāng)手勢識別成功時(shí),ArkUI框架將通過事件回調(diào)通知組件手勢識別的結(jié)果。
一、gesture(常規(guī)手勢綁定方法)
..gestur
發(fā)表于 08-29 15:24
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)組合手勢(一)連續(xù)識別
組合手勢由多種單一手勢組合而成,通過在GestureGroup中使用不同的GestureMode來聲明該組合手勢的類型,支持連續(xù)識別、并行識別和互斥識別三種類型。
.GestureGroup
發(fā)表于 09-07 15:20
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)組合手勢(二)并行識別
并行識別組合手勢對應(yīng)的GestureMode為Parallel。并行識別組合手勢中注冊的手勢將同時(shí)進(jìn)行識別,直到所有手勢識別結(jié)束。并行識別手勢
發(fā)表于 09-08 16:17
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)組合手勢(三)互斥識別
互斥識別組合手勢對應(yīng)的GestureMode為Exclusive?;コ庾R別組合手勢中注冊的手勢將同時(shí)進(jìn)行識別,若有一個(gè)手勢識別成功,則結(jié)束手勢
發(fā)表于 09-11 15:01
LabVIEW入門與實(shí)戰(zhàn)開發(fā)100例
LabVIEW入門與實(shí)戰(zhàn)開發(fā)100例LabVIEW入門與實(shí)戰(zhàn)開發(fā)100例LabVIEW入門與實(shí)戰(zhàn)開發(fā)
發(fā)表于 02-18 11:44
?0次下載
基于openharmony適配移植的手勢檢測器框架
項(xiàng)目介紹 項(xiàng)目名稱:手勢檢測器框架 所屬系列:openharmony的第三方組件適配移植 功能:實(shí)現(xiàn)各種手勢檢測功能 項(xiàng)目移植狀態(tài):主功能完成 調(diào)用差異:無 開發(fā)版本:sdk6,Dev
發(fā)表于 04-08 09:17
?2次下載
【開源項(xiàng)目】帶你快速入門OPenHarmony—數(shù)據(jù)轉(zhuǎn)碼應(yīng)用實(shí)戰(zhàn)
1、背景 OpenHarmony的應(yīng)用開發(fā)支持C++、JS、eTS,從已有版本的演進(jìn)路線來看,eTS是未來重點(diǎn)的技術(shù)路線。 對于剛?cè)腴TOpenHarmony應(yīng)用開發(fā)的小伙伴來說,eTS
OpenHarmony輕量系統(tǒng)書籍推薦《OpenHarmony輕量設(shè)備開發(fā)理論與實(shí)戰(zhàn)》
最近大家問的智能家居套件方面有沒有可以參考的資料,這里給大家統(tǒng)一回復(fù)一下 推薦大家可以看這本書 《OpenHarmony輕量設(shè)備開發(fā)理論與實(shí)戰(zhàn)》 本書系統(tǒng)地講授OpenHarmony
鴻蒙OpenHarmony開發(fā)實(shí)戰(zhàn):【MiniCanvas】
基于OpenHarmony的Cavas組件封裝了一版極簡操作的MiniCanvas,屏蔽了原有Canvas內(nèi)部復(fù)雜的調(diào)用流程,支持一個(gè)API就可以實(shí)現(xiàn)相應(yīng)的繪制能力,該庫還在繼續(xù)完善中,也歡迎PR。
OpenHarmony內(nèi)核編程實(shí)戰(zhàn)
編寫程序,讓開發(fā)板在串口調(diào)試工具中輸出”Hello,OpenHarmony“。▍操作在源碼的根目錄中有名為”applications“的文件,他存放著應(yīng)用程序樣例

評論