鸿蒙学习笔记之Text组件开发样式及其功能（十三）_鸿蒙设置text_font

1.Text标签支持的属性（详细点击[文档中心]）

1.Text标签常用属性样式及其效果

1.显示文本：

<Text
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Text显示文本"
        />

效果如下：

使用Text标签展示之后，看到效果，字体太小怎么办呢？

我们可以使用text_size属性来改变字体的大小

<Text
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Text显示文本"
        ohos:text_size="40fp"
        />

效果如下：

这个字体大小我们也调节到自己喜欢的大小了，这个时候觉得字体颜色不喜欢，我们又该怎么办呢？

我们可以使用text_color属性来改变字体的颜色

<Text
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Text显示文本"
        ohos:text_size="40fp"
        ohos:text_color="red"
        />

效果如下：

设置自己颜色，又觉得这个字体不喜欢怎么办呢？

这个时候可以通过text_font属性来设置我们的字体

<Text
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Text显示文本"
        ohos:text_size="40fp"
        ohos:text_color="red"
        ohos:text_font="HwChinese-medium"
        />

 效果如下：

设置完这些，我还可以做些什么呢？

我们还可以通过设置background_element和text_alignment属性将显示文本的Text比那成跟Button组件一个样子

<Text
        ohos:width="300vp"
        ohos:height="60vp"
        ohos:text="按钮"
        ohos:text_size="32fp"
        ohos:text_color="white"
        ohos:background_element="blue"
        ohos:text_alignment="center"
        />

效果如下：

当然，我们的Text标签也可以实现我们开发中经常遇到的超出隐藏省略号表示的需求，通过设置属性中的truncation_mode属性来设置超出这个长度省略号表示

<Text
        ohos:width="300vp"
        ohos:height="60vp"
        ohos:text="我是一段本文内容，即将超出了文本内容"
        ohos:text_size="32fp"
        ohos:text_color="white"
        ohos:background_element="blue"
        ohos:text_alignment="center"
        ohos:truncation_mode="ellipsis_at_end"
        />

效果如下：

当我们展示文本超出时，也有需要将文本完全展示出，让他可以左右滚动的效果，通过scrollable属性设置为true，让文本可以滚动

<Text
        ohos:width="300vp"
        ohos:height="60vp"
        ohos:text="我是一段本文内容，即将超出了文本内容"
        ohos:text_size="32fp"
        ohos:text_color="white"
        ohos:background_element="blue"
        ohos:text_alignment="center"
        ohos:scrollable="true"
        />

 效果如下：

 2.Text组件的常见事件

1.通过setClickedListener(this)绑定点击事件，this代表点击事件的方法

txt.setClickedListener(this);

2.通过setAutoFontSizeRule设置自动调整规则，三个入参分别是最小的字体大小、最大的字体大小、每次调整文本字体大小的步长

txt.setAutoFontSizeRule(30, 100, 1);

 3.通过setText("我是新定义的")重新定义标签的内容

txt.setText("我是新定义的");

 4.通过txt.getText()获取文本的内容

txt.getText();

5.通过setTextColor(Color.RED)来设置字体的颜色

txt.setTextColor(Color.RED);

 6.通过setTextSize(10)设置字体的大小

txt.setTextSize(10);

 7.通过setTextWidth(50)设置字体的宽度

txt.setTextWidth(50);

7.通过setTextHeight(50)设置字体的高度

txt.setTextHeight(50);

还有更多的组件元素以及事件可以去官网查看哟！

分享不易，都观看到这里了，还不点赞收藏嘛！