OpenHarmony實戰(zhàn)開發(fā)-手勢事件

手勢表示由單個或多個事件識別的語義動作（例如：點擊、拖動和長按）。一個完整的手勢也可能由多個事件組成，對應手勢的生命周期。支持的事件有：

觸摸

• touchstart：手指觸摸動作開始。
• touchmove：手指觸摸后移動。
• touchcancel：手指觸摸動作被打斷，如來電提醒、彈窗。
• touchend：手指觸摸動作結束。

點擊

click：用戶快速輕敲屏幕。

長按

longpress：用戶在相同位置長時間保持與屏幕接觸。

具體的使用示例如下：

/* 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