鸿蒙os学习3：文本组件

一、组件包括：显示类组件，交互类组件

        显示类组件：文本组件，图片组件，进度条组件等

        交互类组件：按钮组件，输入框组件，多选框组件，单选框组件，滑块组件

二、在pages/index目录下的hml文件中创建一个Text组件。文本组件的样子由属性决定，属性在css文件下

长宽属性：

长度单位：px，fp，百分制

px是像素，是固定的

fp是根据屏幕的大小而定的一个单位

颜色属性： 

•         RGB颜色通道：#999999   是16进制的表示方法，255用FF表示，分别表示R：99，G：99，B: 99

 

• 用英文单词来表示

• 添加透明度 ，#后面的两个数

 

位置属性：

外边距，组件距离container的距离，margin表示距离，margin:10px,表示上下左右边距但是10

 内边距：调整组件内部文字距离组件边缘的距离

还有font-size、allow-scale、word-spacing、text-valign属性分别为文本大小、缩放、文本之间的间距和文本在垂直方向的对齐方式。

添加划线

设置text-decoration和text-decoration-colo属性为文本添加划线和划线颜色，text-decoration枚举值请参考 Text自有样式。可以写在hmtl里也可以写在css里

 

隐藏文本内容

当文本内容过多而显示不全时，添加text-overflow属性将隐藏内容以省略号的形式展现。

• text-overflow样式需要与max-lines样式配套使用，设置了最大行数的情况下生效。
• max-lines属性设置文本最多可以展示的行数。

 

设置文本折行

设置word-break属性对文本内容做断行处理，word-break枚举值请参考Text自有样式。