HarmonyOS APP开发入门3——组件(一)
文章目录
-
-
- 四、组件
-
- 1.常用组件
- 下一期
-
四、组件
组件:
屏幕展示出来的元素,都称之为组件。比如华为已经提供的:文本,图片,进度条,输入框等。
父类:Component
布局:
组件的展示方式。比如:线性布局,相对布局,绝对布局,格子布局等
父类:ComponentContainer。理解为组件容器。
布局一般以“Layout”结尾,如DirectionalLayout、DependentLayout等。不同的布局中,组件的展示方式是不一样的,比如线性布局,就是从上往下,或者从左往右依次摆放内部组件的。比如格子布局,就是n行n列的格子。
!一个用户界面至少包含一个布局
1.常用组件
组件分类
- 显示类组件(只负责数据展示的,无法跟用户交互,比如展示文本的组件,展示图片的组件)
- 交互类组件(可以跟用户交互的,比如用户可以点击的按钮组件,用户可以输入的文本框组件)
- 布局类组件(布局其实也是一种比较特殊的组件)
显示类组件
显示类组件主要有以下几种:
组件 | 组件名称 |
---|---|
Text | 文本 |
Image | 图片 |
CommonDialog | 普通弹框 |
ToastDialog | 信息提示 |
Clock | 时钟 |
TickTimer | 定时器(有bug) |
ProgressBar | 进度条 |
交互类组件
交互类组件主要有以下几种:
组件 | 组件名称 |
---|---|
TextField | 文本输入框 |
Button | 按钮 |
Checkbox | 多选框 |
RadioButton | 单选框 |
Slider | 滑块 |
ScrollView | 可滚动的视图 |
ListContainer | 列表容器 |
SeachBar | 搜索框 |
PageSlider | 页面切换 |
布局类组件
组件 | 组件名称 |
---|---|
DirectionalLayout | 线性布局 |
DependentLayout | 相对布局 |
TableLayout | 格子布局 |
PositionLayout | 绝对布局 |
AdaptiveBoxLayout | 自适应布局 |
下一期
下一期将介绍显示类组件的用法