初学鸿蒙OS之UI框架

简介: 初学鸿蒙OS之UI框架

写在前面


为了开发者能更便利的去开发,鸿蒙OS不只是提供了基础框架,还提供了多种UI语言,分别是JavaUI、方舟设计UI,今天我们来介绍一下鸿蒙OS中UI框架,还有我打算后期继续深入学习的UI框架。


鸿蒙OS提供了哪些UI框架


鸿蒙OS提供了两种UI框架,分别是Java UI框架,另外一种就是方舟开发框架-ArkUI,分别代表着两种不同方式的UI设计。


下面我们就来学习一下这两种框架的相同点和不同点。


Java UI框架


Java UI框架中,提供了一些具体实现的类,其中包含着所有基础的UI框架元素,比如文本、按钮、图片、列表、表格、图标等等元素。


与Java图形化差不多,也就是Swing,稍有区别,如果你对Java Swing比较熟悉的话,还是比较推荐使用此UI框架的。


虽然我也是使用Java,但是我并准备使用这个UI框架,综合来说,还是Js类的UI框架更对我胃口。


方舟开发框架-ArkUI


方舟开发框架,ArkUI,其中又提供了两种应用方式,分别是基于Js扩展的类Web开发范式,基于Ts扩展的声明式的开发模式。


简单说一下这两种开发模式。


基于JS开发


鸿蒙OS中的JS开发UI框架,同样也提供了一些基础的概念,及这些概念的基础实现,比如应用层、前端框架层、引擎层、平台适配层。


之后我也是计划使用此开发模式来开发具体的应用Demo等,本身对JS稍微熟练一些,整体上学习成本会低一些。


基于TS开发


TS开发方式,同样也提供了一些基础实现,但是更多的是提供了一些针对鸿蒙系统独有的设计方案,比如在跨设备应用上,有着独有的优势,所以这个其实也值得学习一下的。


总结


今天我们来看了相关的UI框架,对鸿蒙系统又有了更深层的理解,挺好的。


相关文章
|
2月前
|
移动开发 JavaScript 前端开发
HarmonyOS鸿蒙应用开发——探索原生与H5通信框架DSBridge
HarmonyOS版DSBridge是一个桥梁库,允许鸿蒙原生环境与JavaScript交互。它兼容Android和iOS的第三方DSBridge核心功能,支持同步和异步调用、命名空间API管理、进度回调及页面关闭监听等功能。主要特性包括适配鸿蒙NEXT版本、支持串行异步并发任务、兼容DSBridge 2.0与3.0版本JS脚本,并提供类形式集中管理API及自定义页面组件注册。源码仓库:HarmonyOS版 - DSBridge-HarmonyOS。安装命令为`ohpm install @hzw/ohos-dsbridge`。通过该库,开发者可以方便地在鸿蒙系统中实现原生与JS的高效交互。
174 1
|
2月前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
本篇将带你实现一个虚拟音乐控制台。用户可以通过界面控制音乐的播放、暂停、切换歌曲,并查看当前播放的歌曲信息。页面还支持调整音量和动态显示播放进度,是音乐播放器界面开发的基础功能示例。
214 80
|
1月前
「Mac畅玩鸿蒙与硬件51」UI互动应用篇28 - 模拟记账应用
本篇教程将介绍如何创建一个模拟记账应用,通过账单输入、动态列表展示和实时统计功能,学习接口定义和组件间的数据交互。
168 68
|
2月前
|
流计算 UED
「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现
本篇教程将带你实现一个简易购物车功能。通过使用接口定义商品结构,我们将创建一个动态购物车,支持商品的添加、移除以及实时总价计算。
139 69
|
2月前
|
前端开发
「Mac畅玩鸿蒙与硬件49」UI互动应用篇26 - 数字填色游戏
本篇教程将带你实现一个数字填色小游戏,通过简单的交互逻辑,学习如何使用鸿蒙开发组件创建趣味性强的应用。
73 20
|
1月前
|
UED
「Mac畅玩鸿蒙与硬件52」UI互动应用篇29 - 模拟火车票查询系统
本篇教程将实现一个模拟火车票查询系统,通过输入条件筛选车次信息,并展示动态筛选结果,学习事件处理、状态管理和界面展示的综合开发技巧。
72 13
|
1月前
「Mac畅玩鸿蒙与硬件53」UI互动应用篇30 - 打卡提醒小应用
本篇教程将实现一个打卡提醒小应用,通过用户输入时间进行提醒设置,并展示实时提醒状态,实现提醒设置和取消等功能。
68 10
|
2月前
|
前端开发 UED
「Mac畅玩鸿蒙与硬件50」UI互动应用篇27 - 水果掉落小游戏
本篇教程将带你实现一个水果掉落小游戏,掌握基本的动态交互逻辑和鸿蒙组件的使用,进一步了解事件处理与状态管理。
61 14
|
2月前
|
存储 开发者 API
鸿蒙元服务项目实战:备忘录UI页面开发
UI页面绘制没什么好说的,就是组件的位置摆放,和组件的显示逻辑,有很多的属性并没有文章记录,大家可以去仓库中查看即可,文章中用到了我的一个标题栏组件,如果大家不想用,可以使用自己写的即可。
鸿蒙元服务项目实战:备忘录UI页面开发
|
2月前
|
数据采集 人工智能 自然语言处理
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
Midscene.js 是一款基于 AI 技术的 UI 自动化测试框架,通过自然语言交互简化测试流程,支持动作执行、数据查询和页面断言,提供可视化报告,适用于多种应用场景。
548 1
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告

热门文章

最新文章

推荐镜像

更多