> 文档中心 > 梅克尔工作室-王佩茜-鸿蒙笔记2

梅克尔工作室-王佩茜-鸿蒙笔记2


文本

文本样式

.fontColor 文本颜色

.fontSize 文本尺寸

.fontStyle 文本样式

 .fontWeight 文本粗细

文本对齐

格式

Start:文本首部对

Center:居中对齐

end:尾部对齐

文本装饰线

.decoratio

 none 既无装饰线

overline 文字上装饰线

 

underline 文字下装饰

 

linethrough 从中间穿过

 输入文本

textinput单行输入文本,且支持文本样式,即文本框

 进阶:设置账号密码

Normal 基本输入模式

password 密码

email 邮件

number 密码

 button 按钮

 

 

 Capsule 是胶囊按钮 circle是圆形按钮 Normal 普通方形按钮

 

布局

ArkTS提供了Column和Row容器来实现线性布局

Column:子组件是按照从上到下的垂直方向布局的,其主轴的方向是垂直方向

Row: 从左到右的水平方向布局的,其主轴的方向是水平方向。

 主轴方向的对齐(justifyContent):Start:元素在主轴方向首端对齐,第一个元素与行首对齐

Center:元素在主轴方向中心对齐    End:元素在主轴方向尾部对齐 

SpaceBetween:元素在主轴方向均匀分配弹性元素,相邻元素之间距离相同。 第一个元素与行首对齐,最后一个元素与行尾对齐。

SpaceAround:元素在主轴方向均匀分配弹性元素,相邻元素之间距离相同。 第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。SpaceEvenly:元素在主轴方向等间距布局,无论是相邻元素还是边界元素到容器的间距都一样。

交叉轴方向的对齐(alignItems)

Start:设置子组件在水平方向上按照起始端对齐。

Center(默认值):设置子组件在水平方向上居中对齐。

End:设置子组件在水平方向上按照末端对齐。

Row容器的主轴是水平方向

Top:设置子组件在垂直方向上居顶部对齐。

Center(默认值):设置子组件在竖直方向上居中对齐。

Bottom:设置子组件在竖直方向上居底部对齐。