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