OpenHarmony實(shí)戰(zhàn)開(kāi)發(fā)-手勢(shì)事件

手勢(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.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