手勢表示由單個(gè)或多個(gè)事件識(shí)別的語義動(dòng)作(例如:點(diǎn)擊、拖動(dòng)和長按)。一個(gè)完整的手勢也可能由多個(gè)事件組成,對(duì)應(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
審核編輯 黃宇 -
鴻蒙
+關(guān)注
關(guān)注
60文章
2623瀏覽量
44076 -
OpenHarmony
+關(guān)注
關(guān)注
29文章
3856瀏覽量
18654
發(fā)布評(píng)論請(qǐng)先 登錄
OpenHarmony實(shí)戰(zhàn)開發(fā)-如何實(shí)現(xiàn)窗口開發(fā)概述
OpenHarmony應(yīng)用開發(fā)—解鎖學(xué)習(xí)實(shí)戰(zhàn)(一)
OpenHarmony應(yīng)用開發(fā)—解鎖學(xué)習(xí)實(shí)戰(zhàn)(二)
OpenHarmony數(shù)據(jù)轉(zhuǎn)碼應(yīng)用開發(fā)實(shí)戰(zhàn)(下)
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)手勢綁定方法
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)組合手勢(一)連續(xù)識(shí)別
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)組合手勢(二)并行識(shí)別
HarmonyOS/OpenHarmony(Stage模型)應(yīng)用開發(fā)組合手勢(三)互斥識(shí)別
LabVIEW入門與實(shí)戰(zhàn)開發(fā)100例
基于openharmony適配移植的手勢檢測器框架
【開源項(xiàng)目】帶你快速入門OPenHarmony—數(shù)據(jù)轉(zhuǎn)碼應(yīng)用實(shí)戰(zhàn)
OpenHarmony輕量系統(tǒng)書籍推薦《OpenHarmony輕量設(shè)備開發(fā)理論與實(shí)戰(zhàn)》
鴻蒙OpenHarmony開發(fā)實(shí)戰(zhàn):【MiniCanvas】
OpenHarmony內(nèi)核編程實(shí)戰(zhàn)

評(píng)論