HarmonyOS APP开发入门3——组件（一）

---

四、组件

---

组件：

屏幕展示出来的元素，都称之为组件。比如华为已经提供的：文本，图片，进度条，输入框等。

父类：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	自适应布局

下一期

下一期将介绍显示类组件的用法