初学鸿蒙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框架,对鸿蒙系统又有了更深层的理解,挺好的。


相关文章
|
编解码 前端开发 Java
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发三
本文介绍了基于声明式UI范式的图形绘制与动画效果实现方法,涵盖绘制图形、添加动画效果及常见组件说明三部分内容。在绘制图形部分,详细讲解了如何通过Circle组件为食物成分表添加圆形标签,以及使用Path组件结合SVG命令绘制自定义图形(如应用Logo)。动画效果部分则展示了如何利用animateTo实现闪屏动画,包括渐出、放大效果,并设置页面跳转;同时介绍了页面间共享元素转场动画的实现方式。最后,文章列举了声明式开发范式中的各类组件及其功能,帮助开发者快速上手构建复杂交互页面。
499 11
|
开发者 容器
44.[HarmonyOS NEXT RelativeContainer案例一] 掌握组件锚点布局:打造灵活精准的UI定位系统
在HarmonyOS NEXT的UI开发中,精确控制组件位置是构建复杂界面的关键。RelativeContainer作为一种强大的布局容器,通过锚点系统提供了精确定位能力,使开发者能够创建出灵活且精准的UI布局。本教程将详细讲解如何使用RelativeContainer的锚点布局功能,帮助你掌握这一核心技术。
407 4
|
设计模式 缓存 容器
06.HarmonyOS Next UI进阶:Text组件与视觉样式完全指南
在HarmonyOS Next应用开发中,Text组件是最基础也是最常用的UI元素之一。它不仅用于显示文本内容,还可以通过丰富的样式属性实现各种视觉效果。掌握Text组件的样式设置,是构建精美UI界面的基础技能。
576 1
|
移动开发 前端开发 JavaScript
鸿蒙NEXT时代你所不知道的全平台跨端框架:CMP、Kuikly、Lynx、uni-app x等
本篇基于当前各大活跃的跨端框架的现状,对比当前它们的情况和未来的可能,帮助你在选择框架时更好理解它们的特点和差异。
1242 0
|
11月前
|
JSON 自然语言处理 数据格式
使用Tabs选项卡组件快速搭建鸿蒙APP框架
ArkUI提供了很多布局组件,其中Tabs选项卡组件可以用于快速搭建鸿蒙APP框架,本文通过案例研究Tabs构建鸿蒙原生应用框架的方法和步骤。
663 5
使用Tabs选项卡组件快速搭建鸿蒙APP框架
|
11月前
|
存储 开发者 容器
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
本文介绍了ArkTS语言中的Class类、泛型、接口、模块化、自定义组件及状态管理等核心概念,并结合代码示例讲解了对象属性、构造方法、继承、静态成员、访问修饰符等内容,同时涵盖了路由管理、生命周期和Stage模型等应用开发关键知识点。
696 1
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
|
11月前
|
JavaScript 前端开发 开发者
鸿蒙应用开发从入门到实战(六):ArkTS声明式UI和组件化
鸿蒙开发语言ArkTS在继承了Typescrip语法的基础上,主要扩展了声明式UI开发相关的能力。
453 1
|
JavaScript 前端开发 UED
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发四
本文介绍了Web组件开发与性能优化的相关内容。在Web组件开发部分,涵盖创建组件、设置样式与属性、添加事件和方法以及场景示例,如动态播放视频。性能提升方面,推荐使用数据懒加载、条件渲染替代显隐控制、Column/Row替代Flex、设置List组件宽高及调整cachedCount减少滑动白块等方法,以优化应用性能与用户体验。
399 56
|
编解码 UED 开发者
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发之常见布局
本文主要介绍了自适应布局与响应式布局的相关内容。自适应布局部分涵盖线性布局、层叠布局、弹性布局和网格布局,详细说明了各布局的特性及使用方法,例如线性布局中的排列、拉伸与缩放,弹性布局的方向、换行与对齐方式等。响应式布局则重点讲解了栅格系统和媒体查询,阐述如何通过栅格组件和媒体查询条件实现不同设备上的适配效果。这些技术帮助开发者灵活应对多尺寸屏幕的设计需求,提升用户体验。
657 55
|
12月前
|
移动开发 网络协议 小程序
鸿蒙NEXT即时通讯/IM系统RinbowTalk v2.4版发布,基于MobileIMSDK框架、ArkTS编写
RainbowTalk是一套基于开源即时通讯讯IM框架 MobileIMSDK 的产品级鸿蒙NEXT端IM系统。纯ArkTS编写、全新开发,没有套壳、也没走捷径,每一行代码都够“纯血”。与姊妹产品RainbowChat和RainbowChat-Web 技术同源,历经考验。
445 1

热门文章

最新文章

推荐镜像

更多