初学鸿蒙OS之JS-UI框架中提供了哪些组件

简介: 初学鸿蒙OS之JS-UI框架中提供了哪些组件

写在前面


上篇我们介绍了鸿蒙OS提供了哪些UI框架,而且根据我自身的情况,也选择了JS-UI框架,其实都是差不多的,该有的组件都有,就是不同方式去实现而已,大家也可以去看看其他UI框架。


介绍一下鸿蒙OS中JS-UI框架的组件分类


迄今为止,鸿蒙OS,JS-UI框架一共提供了六大类组件,分别是容器组件、基础组件、媒体组件、画布组件、栅格组件、svg组件。


下面分别与大家说一下这几类组件中提供的功能。


容器组件:


容器组件中提供了一些关键性的组件,比如list、form、div、tabs等一系列的容器类组件,如果你使用过HTML,那么理解这些并不难。


基础组件:


基础组件,也是我们最熟悉的组件,比如input、select、span、options、button等等等,都是属于基础组件,这些也是我们真正与内容相结合的组件。


媒体组件:


媒体组件就比较少了,只有video、camera两种组件,这个后期我们细说吧,这类组件不一定所有人都用过,只有看到效果才知道两者具体有哪些区别。


画布组件:


画布组件,canvas,够熟悉吧,后端开发人员尽管可能使用少些,但也是有过一些认知的。


栅格组件:


栅格组件,鸿蒙OS中提供的也不是很多种,就只有grid-container、grid-row、grid-col三种,分别代表着栅格容器,栅格列,栅格行。


SVG组件:


SVG组件,这个种类就多了,这个我也了解不多,后期也需要精进恶补一下才行。


总结


JS-UI框架中,提供的这些组件,已经足以让我们进行一些基础的开发了,然而,为了能在更复杂的场景中去使用,鸿蒙OS还提供了自定义组件,可以让我们去自行实现一些组件。


这点能让我们在开发过程中更加灵活,随着鸿蒙OS的开发人员越来越多,相信陆续的也会有很多人贡献自己写的自定义组件的。


相关文章
|
4月前
|
开发者 容器
鸿蒙应用开发从入门到实战(十四):ArkUI组件Column&Row&线性布局
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Column和Row组件的使用以及线性布局的方法。
395 12
|
4月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解滑块Slider和进度条Progress组件的使用。
226 1
|
4月前
|
数据安全/隐私保护 开发者
鸿蒙应用开发从入门到实战(十一):ArkUI组件Text&TextInput
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解文本组件Text和TextInput的使用。
363 3
|
4月前
|
存储 开发者 容器
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
本文介绍了ArkTS语言中的Class类、泛型、接口、模块化、自定义组件及状态管理等核心概念,并结合代码示例讲解了对象属性、构造方法、继承、静态成员、访问修饰符等内容,同时涵盖了路由管理、生命周期和Stage模型等应用开发关键知识点。
425 1
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
|
4月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供滑块Slider与进度条Progress组件,用于鸿蒙原生APP开发。Slider支持拖动调节音量、亮度等,可设步长、方向及提示气泡;Progress支持线性、环形等多种样式,可自定义颜色、宽度与刻度,实时显示任务进度。
326 2
|
4月前
|
JavaScript
鸿蒙应用开发从入门到实战(八):ArkTS自定义组件语法
ArkUI除系统预置的组件外,还支持自定义组件。使用自定义组件,可使代码的结构更加清晰,并且能提高代码的复用性。
257 7
|
4月前
|
开发者
鸿蒙应用开发从入门到实战(十二):ArkUI组件Button&Toggle
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解按钮组件Button和Toggle的使用。
379 2
|
4月前
|
存储 编解码 JSON
鸿蒙应用开发从入门到实战(十):ArkUI图片组件Image
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Image图片组件的使用。
334 1
|
4月前
|
API
鸿蒙应用开发从入门到实战(七):ArkTS组件声明语法
《鸿蒙应用开发从入门到项目实战》系列文章持续更新中,陆续更新AI+编程、企业级项目实战等原创内容、欢迎关注!​本文从界面制作从组件声明开始,通过一个相对简单的案例来系统的学习 ArkTS 声明组件的语法。
154 2
|
4月前
|
JavaScript 前端开发 开发者
鸿蒙应用开发从入门到实战(六):ArkTS声明式UI和组件化
鸿蒙开发语言ArkTS在继承了Typescrip语法的基础上,主要扩展了声明式UI开发相关的能力。
248 1

推荐镜像

更多