鴻蒙OS開發(fā)：典型頁面場景【一次開發(fā)，多端部署】（交互歸一）
交互歸一
對于不同類型的智能設(shè)備，用戶可能有不同的交互方式，如通過觸摸屏、鼠標(biāo)、觸控板等。如果針對不同的交互方式單獨做適配，會增加開發(fā)工作量同時產(chǎn)生大量重復(fù)代碼。為解決這一問題，我們統(tǒng)一了各種交互方式的API，即實現(xiàn)了 交互歸一 。
基礎(chǔ)輸入
常見的基礎(chǔ)輸入方式及其在各輸入設(shè)備上的表現(xiàn)如下圖所示。
基礎(chǔ)輸入對應(yīng)的開發(fā)接口，以及當(dāng)前支持情況如下表所示。
| 輸入 | 開發(fā)接口HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿 | 觸控屏 | 觸控板 | 鼠標(biāo) |
|---|---|---|---|---|
| 懸浮 | [onHover] | NA | √ | √ |
| 點擊 | [onClick] | √ | √ | √ |
| 雙擊 | [TapGesture] | √ | √ | √ |
| 長按 | [LongPressGesture] | √ | × | √ |
| 上下文菜單 | [ContentMenu] | √ | √ | √ |
| 拖拽 | [Drag] | √ | √ | √ |
| 輕掃 | [SwipeGesture] | √ | √ | √ |
| 滾動及平移 | [PanGesture] | √ | √ | √ |
| 縮放 | [PinchGesture] | √ | √ | √ |
| 旋轉(zhuǎn) | [RotationGesture] | √ | √ | NA |
說明：
開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
- 點擊事件（onClick）其實是點擊手勢（TapGesture）的一個特殊場景（單指單次點擊）。該場景使用的非常廣泛，為了方便開發(fā)者使用及符合傳統(tǒng)開發(fā)習(xí)慣，所以專門提供了開發(fā)接口。
- 觸控板支持長按輸入的功能正在開發(fā)中。
拖拽事件
拖拽是應(yīng)用開發(fā)中經(jīng)常碰到的場景。拖拽發(fā)生在兩個組件之間，它不是簡單的單次輸入，而是一個”過程”，通常包含如下步驟（以將組件A拖拽到組件B中為例）。
- 長按或點擊組件A，觸發(fā)拖拽。
- 保持按壓或點擊，持續(xù)將組件A向組件B拖拽。
- 抵達(dá)組件B中，釋放按壓點擊，完成拖拽。
- 也可以在未抵達(dá)組件B的中途，釋放按壓點擊，取消拖拽。
一個完整的拖拽事件，包含多個拖拽子事件，如下表所示（請訪問拖拽事件了解詳細(xì)用法）。當(dāng)前觸控屏和鼠標(biāo)的拖拽事件已經(jīng)實現(xiàn)”交互歸一”，對手寫筆的支持正在開發(fā)中。
| 名稱 | 功能描述 |
|---|---|
| onDragStart | 綁定A組件，觸控屏長按/鼠標(biāo)左鍵按下后移動觸發(fā) |
| onDragEnter | 綁定B組件，觸控屏手指、鼠標(biāo)移動進(jìn)入B組件瞬間觸發(fā) |
| onDragMove | 綁定B組件，觸控屏手指、鼠標(biāo)在B組件內(nèi)移動觸發(fā) |
| onDragLeave | 綁定B組件，觸控屏手指、鼠標(biāo)移動退出B組件瞬間觸發(fā) |
| onDrop | 綁定B組件，在B組件內(nèi)，觸控屏手指抬起、鼠標(biāo)左鍵松開時觸發(fā) |
審核編輯 黃宇
聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。
舉報投訴
-
接口
+關(guān)注
關(guān)注
33文章
9603瀏覽量
157678 -
鴻蒙
+關(guān)注
關(guān)注
60文章
3031瀏覽量
46195 -
鴻蒙OS
+關(guān)注
關(guān)注
0文章
194瀏覽量
5558
發(fā)布評論請先 登錄
相關(guān)推薦
熱點推薦
以龍企招為例，淺談鴻蒙應(yīng)用開發(fā)者激勵計劃 2025 參與心得
適配等多個維度達(dá)到高標(biāo)準(zhǔn)，其背后是鴻蒙生態(tài)對用戶體驗的極致追求和對應(yīng)用質(zhì)量的嚴(yán)格把控。
此次參與鴻蒙應(yīng)用開發(fā)者激勵計劃，是一次寶貴的成長契機。我們深知，應(yīng)用的完善是
發(fā)表于 12-12 10:17
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（音樂）
各位開發(fā)者小伙伴們好呀！今天咱們來點硬核干貨！最近在鴻蒙文檔中心挖到一座“金礦”——官方竟然暗藏了100+實戰(zhàn)案例，從分布式架構(gòu)到交互動效優(yōu)化應(yīng)有盡有！這些案例不僅藏著華為工程師的私房
ArkUI-X跨平臺技術(shù)落地-華為運動健康(一)
及體驗一致性問題凸顯，例如占比90%的健康詳情界面使用原生實現(xiàn)，多平臺&多端，開發(fā)維護(hù)成本高。
有鑒于此，引入一種跨平臺開發(fā)技術(shù)做到
發(fā)表于 06-18 22:53
鴻蒙5開發(fā)寶藏案例分享---平板開發(fā)實踐
以下是根據(jù)官方文檔整理的鴻蒙平板開發(fā)實戰(zhàn)指南，結(jié)合代碼解析和避坑要點，幫你高效實現(xiàn)“一次開發(fā)，多端部署
發(fā)表于 06-12 15:49
鴻蒙5開發(fā)案例分享揭秘---一多開發(fā)實例（商務(wù)辦公）
了參考答案！今天就帶大家挖一挖這些實戰(zhàn)案例，手把手教你玩轉(zhuǎn)\"一次開發(fā)，多端部署\"?。ㄎ哪┯畜@喜小技巧哦～）
?**
發(fā)表于 06-03 16:24
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（便捷生活）
**?**鴻蒙一多開發(fā)終極指南 | 從入門到上手指南 + 20個高頻場景解析?
Hey 各位鴻蒙戰(zhàn)友！上次分享的案例被吐槽\"太短不夠爽\"？這次直接上硬核干貨！耗時3天整理
發(fā)表于 06-03 16:21
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（地圖導(dǎo)航）
規(guī)劃頁 ：面板滑動時布局自適應(yīng)變形
3?? 服務(wù)卡片 ：八宮格靜態(tài)卡片多端通吃
4?? 實況窗 ：膠囊形態(tài)+卡片形態(tài)雙展示
最絕的是所有效果都用****ArkUI框架實現(xiàn)，完全遵循\"一次開發(fā)
發(fā)表于 06-03 16:17
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（旅行訂票）
把多端適配的黑科技玩出了花！趕緊帶大家來挖寶，手把手解析如何用一套代碼征服手機/折疊屏/平板/PC四大終端！
?** 一多開發(fā)核心揭秘**
鴻蒙的\"
發(fā)表于 06-03 16:16
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（股票類）
?【干貨預(yù)警】HarmonyOS開發(fā)隱藏案例大揭秘！手把手教你打造自適應(yīng)股票APP**?**
大家好！今天要跟大家分享一個HarmonyOS開發(fā)的寶藏案例——股票類應(yīng)用\"一次
發(fā)表于 06-03 16:13
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（圖片美化）
?【鴻蒙開發(fā)寶藏案例分享】一次搞定多端適配的圖片美化應(yīng)用開發(fā)思路！?
Hey小伙伴們~ 今天在翻鴻蒙
發(fā)表于 06-03 16:09
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（購物比價）
者文檔里的實戰(zhàn)教程，簡直就是搞定多端開發(fā)的通關(guān)秘籍！
? 一、這些功能也太酷了吧！
這個案例完美詮釋了鴻蒙\"一次
發(fā)表于 06-03 16:07
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（即時通訊）
們準(zhǔn)備好了超多實用開發(fā)案例！尤其是那個讓無數(shù)人頭疼的\"一次開發(fā)多端部署\"，官方竟然悄悄塞了這么多實戰(zhàn)技巧！（拍大腿）
?先上硬核案例：即
發(fā)表于 06-03 16:01
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（長視頻）
;實例，看完直呼\"原來還能這樣玩！\" 今天咱們就來好好扒一扒這些隱藏的寶藏，附帶手把手的代碼解析！
?** 長視頻應(yīng)用案例：一次開發(fā)征服四類設(shè)備**
核心功能 ：首頁瀑布流
發(fā)表于 06-03 15:58
鴻蒙5開發(fā)寶藏案例分享---一多交互事件開發(fā)實踐
了交互開發(fā)的寶藏案例庫?。?b class='flag-5'>OS：為什么沒人早點告訴我?）特地整理了超實用的開發(fā)技巧，看完你也能輕松實現(xiàn)\"一次
發(fā)表于 06-03 15:51
鴻蒙5開發(fā)寶藏案例分享---一多分欄開發(fā)實踐
?【HarmonyOS開發(fā)者的寶藏指南】一次搞定多設(shè)備分欄布局，原來還能這么玩！
大家好呀！今天在鴻蒙社區(qū)挖到一個超實用的大寶藏——原來官方早就藏了
發(fā)表于 06-03 12:03
評論