鸿蒙ArkTS学习笔记2

一、常用基本组件

1.文本Text

文本样式：

设置文本对齐样式

设置文本装饰线

使用decoration设置文本装饰线样式及其颜色，大家在浏览网页的时候经常可以看到装饰线，例如带有下划线超链接文本。decoration包含type和color两个参数，其中type用于设置装饰线样式，参数类型为TextDecorationTyp，color为可选参数。

 

2.图片组件Image

设置缩放类型

ImageFit

3.TextInput组件

设置输入框

设置输入提示文本

设置输入类型

获取输入文本

 4. Button组件

 设置按钮样式

 设置按钮点击事件

二、Column&Row组件的使用

• Column表示沿垂直方向布局的容器。
• Row表示沿水平方向布局的容器。

属性介绍

 1. 主轴方向的对齐（justifyContent）

 

 

 

 

2. 交叉轴方向的对齐（alignItems）

Column容器的主轴是垂直方向，交叉轴是水平方向，其参数类型为HorizontalAlign（水平对齐），HorizontalAlign定义了以下几种类型：

 

 

 

Row容器的主轴是水平方向，交叉轴是垂直方向，其参数类型为VerticalAlign（垂直对齐），VerticalAlign定义了以下几种类型：