一区二区三区三上|欧美在线视频五区|国产午夜无码在线观看视频|亚洲国产裸体网站|无码成年人影视|亚洲AV亚洲AV|成人开心激情五月|欧美性爱内射视频|超碰人人干人人上|一区二区无码三区亚洲人区久久精品

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

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

碼牛程序猿 ? 來源:jf_71304091 ? 作者:jf_71304091 ? 2024-04-29 13:57 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

手勢表示由單個(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í)間保持與屏幕接觸。

具體的使用示例如下:


{{onClick}}
{{touchstart}}
{{touchmove}}
{{touchend}}
{{touchcancel}}
{{onLongPress}}
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
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關(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次下載

    arduino開發(fā)實(shí)戰(zhàn)指南

    arduino開發(fā)實(shí)戰(zhàn)指南
    發(fā)表于 02-22 14:56 ?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
    的頭像 發(fā)表于 11-15 08:45 ?1451次閱讀

    OpenHarmony輕量系統(tǒng)書籍推薦《OpenHarmony輕量設(shè)備開發(fā)理論與實(shí)戰(zhàn)

    最近大家問的智能家居套件方面有沒有可以參考的資料,這里給大家統(tǒng)一回復(fù)一下 推薦大家可以看這本書 《OpenHarmony輕量設(shè)備開發(fā)理論與實(shí)戰(zhàn)》 本書系統(tǒng)地講授OpenHarmony
    的頭像 發(fā)表于 07-20 12:43 ?1767次閱讀

    鴻蒙OpenHarmony開發(fā)實(shí)戰(zhàn):【MiniCanvas】

    基于OpenHarmony的Cavas組件封裝了一版極簡操作的MiniCanvas,屏蔽了原有Canvas內(nèi)部復(fù)雜的調(diào)用流程,支持一個(gè)API就可以實(shí)現(xiàn)相應(yīng)的繪制能力,該庫還在繼續(xù)完善中,也歡迎PR。
    的頭像 發(fā)表于 03-23 20:43 ?557次閱讀

    OpenHarmony內(nèi)核編程實(shí)戰(zhàn)

    編寫程序,讓開發(fā)板在串口調(diào)試工具中輸出”Hello,OpenHarmony“。▍操作在源碼的根目錄中有名為”applications“的文件,他存放著應(yīng)用程序樣例
    的頭像 發(fā)表于 03-27 08:31 ?1418次閱讀
    <b class='flag-5'>OpenHarmony</b>內(nèi)核編程<b class='flag-5'>實(shí)戰(zhàn)</b>