0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙OS开发:典型页面场景【一次开发,多端部署】(交互归一)

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-05-27 14:16 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

交互归一

对于不同类型的智能设备,用户可能有不同的交互方式,如通过触摸屏、鼠标、触控板等。如果针对不同的交互方式单独做适配,会增加开发工作量同时产生大量重复代码。为解决这一问题,我们统一了各种交互方式的API,即实现了 交互归一

基础输入

常见的基础输入方式及其在各输入设备上的表现如下图所示。

basic_guester

基础输入对应的开发接口,以及当前支持情况如下表所示。

搜狗高速浏览器截图20240326151547.png

输入开发接口HarmonyOSOpenHarmony鸿蒙文档籽料:mau123789是v直接拿触控屏触控板鼠标
悬浮[onHover]NA
点击[onClick]
双击[TapGesture]
长按[LongPressGesture]×
上下文菜单[ContentMenu]
拖拽[Drag]
轻扫[SwipeGesture]
滚动及平移[PanGesture]
缩放[PinchGesture]
旋转[RotationGesture]NA

说明:
开发前请熟悉鸿蒙开发指导文档 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

  • 点击事件(onClick)其实是点击手势(TapGesture)的一个特殊场景(单指单次点击)。该场景使用的非常广泛,为了方便开发者使用及符合传统开发习惯,所以专门提供了开发接口。
  • 触控板支持长按输入的功能正在开发中。

拖拽事件

拖拽是应用开发中经常碰到的场景。拖拽发生在两个组件之间,它不是简单的单次输入,而是一个”过程”,通常包含如下步骤(以将组件A拖拽到组件B中为例)。

  • 长按或点击组件A,触发拖拽。
  • 保持按压或点击,持续将组件A向组件B拖拽。
  • 抵达组件B中,释放按压点击,完成拖拽。
  • 也可以在未抵达组件B的中途,释放按压点击,取消拖拽。

一个完整的拖拽事件,包含多个拖拽子事件,如下表所示(请访问拖拽事件了解详细用法)。当前触控屏和鼠标的拖拽事件已经实现”交互归一”,对手写笔的支持正在开发中。

名称功能描述
onDragStart绑定A组件,触控屏长按/鼠标左键按下后移动触发
onDragEnter绑定B组件,触控屏手指、鼠标移动进入B组件瞬间触发
onDragMove绑定B组件,触控屏手指、鼠标在B组件内移动触发
onDragLeave绑定B组件,触控屏手指、鼠标移动退出B组件瞬间触发
onDrop绑定B组件,在B组件内,触控屏手指抬起、鼠标左键松开时触发

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 接口
    +关注

    关注

    33

    文章

    9603

    浏览量

    157657
  • 鸿蒙
    +关注

    关注

    60

    文章

    3031

    浏览量

    46187
  • 鸿蒙OS
    +关注

    关注

    0

    文章

    194

    浏览量

    5551
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    以龙企招为例,浅谈鸿蒙应用开发者激励计划 2025 参与心得

    适配等多个维度达到高标准,其背后是鸿蒙生态对用户体验的极致追求和对应用质量的严格把控。 此次参与鸿蒙应用开发者激励计划,是一次宝贵的成长契机。我们深知,应用的完善是
    发表于 12-12 10:17

    鸿蒙5开发宝藏案例分享---一多开发实例(音乐)

    各位开发者小伙伴们好呀!今天咱们来点硬核干货!最近在鸿蒙文档中心挖到座“金矿”——官方竟然暗藏了100+实战案例,从分布式架构到交互动效优化应有尽有!这些案例不仅藏着华为工程师的私房
    的头像 发表于 06-30 11:54 868次阅读

    ArkUI-X跨平台技术落地-华为运动健康()

    及体验致性问题凸显,例如占比90%的健康详情界面使用原生实现,多平台&多端开发维护成本高。 有鉴于此,引入种跨平台开发技术做到
    发表于 06-18 22:53

    鸿蒙5开发宝藏案例分享---平板开发实践

    以下是根据官方文档整理的鸿蒙平板开发实战指南,结合代码解析和避坑要点,帮你高效实现“一次开发多端部署
    发表于 06-12 15:49

    鸿蒙5开发案例分享揭秘---一多开发实例(商务办公)

    了参考答案!今天就带大家挖挖这些实战案例,手把手教你玩转\"一次开发多端部署\"!(文末有惊喜小技巧哦~) ?**
    发表于 06-03 16:24

    鸿蒙5开发宝藏案例分享---一多开发实例(便捷生活)

    **?**鸿蒙一多开发终极指南 | 从入门到上手指南 + 20个高频场景解析? Hey 各位鸿蒙战友!上次分享的案例被吐槽\"太短不够爽\"?这次直接上硬核干货!耗时3天整理
    发表于 06-03 16:21

    鸿蒙5开发宝藏案例分享---一多开发实例(地图导航)

    规划页 :面板滑动时布局自适应变形 3️⃣ 服务卡片 :八宫格静态卡片多端通吃 4️⃣ 实况窗 :胶囊形态+卡片形态双展示 最绝的是所有效果都用****ArkUI框架实现,完全遵循\"一次开发
    发表于 06-03 16:17

    鸿蒙5开发宝藏案例分享---一多开发实例(旅行订票)

    多端适配的黑科技玩出了花!赶紧带大家来挖宝,手把手解析如何用套代码征服手机/折叠屏/平板/PC四大终端! ?** 一多开发核心揭秘** 鸿蒙的\"
    发表于 06-03 16:16

    鸿蒙5开发宝藏案例分享---一多开发实例(股票类)

    ?【干货预警】HarmonyOS开发隐藏案例大揭秘!手把手教你打造自适应股票APP**?** 大家好!今天要跟大家分享个HarmonyOS开发的宝藏案例——股票类应用\"一次
    发表于 06-03 16:13

    鸿蒙5开发宝藏案例分享---一多开发实例(图片美化)

    ?【鸿蒙开发宝藏案例分享】一次搞定多端适配的图片美化应用开发思路!? Hey小伙伴们~ 今天在翻鸿蒙
    发表于 06-03 16:09

    鸿蒙5开发宝藏案例分享---一多开发实例(购物比价)

    者文档里的实战教程,简直就是搞定多端开发的通关秘籍! ? 、这些功能也太酷了吧! 这个案例完美诠释了鸿蒙\"一次
    发表于 06-03 16:07

    鸿蒙5开发宝藏案例分享---一多开发实例(即时通讯)

    们准备好了超多实用开发案例!尤其是那个让无数人头疼的\"一次开发多端部署\",官方竟然悄悄塞了这么多实战技巧!(拍大腿) ?先上硬核案例:即
    发表于 06-03 16:01

    鸿蒙5开发宝藏案例分享---一多开发实例(长视频)

    ;实例,看完直呼\"原来还能这样玩!\" 今天咱们就来好好扒扒这些隐藏的宝藏,附带手把手的代码解析! ?** 长视频应用案例:一次开发征服四类设备** 核心功能 :首页瀑布流
    发表于 06-03 15:58

    鸿蒙5开发宝藏案例分享---一多交互事件开发实践

    交互开发的宝藏案例库!(OS:为什么没人早点告诉我?)特地整理了超实用的开发技巧,看完你也能轻松实现\"一次
    发表于 06-03 15:51

    鸿蒙5开发宝藏案例分享---多分栏开发实践

    ?【HarmonyOS开发者的宝藏指南】一次搞定多设备分栏布局,原来还能这么玩! 大家好呀!今天在鸿蒙社区挖到个超实用的大宝藏——原来官方早就藏了
    发表于 06-03 12:03