四、组件
组件:
屏幕展示出来的元素,都称之为组件。比如华为已经提供的:文本,图片,进度条,输入框等。
父类: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 | 自适应布局 |
下一期
下一期将介绍显示类组件的用法