鸿蒙的文本颜色以及溢出省略号、行高

文本颜色

语法:.fontColor(颜色值)

例如我们上期的代码:

Text('小说简介')
  .fontColor(Color.Orange)
  .fontColor('#df3c50)

 提示:

① 色值也能在其他写颜色的属性方法中使用,如:背景色

② 通常来说以Color.颜色名是我们做测试用的颜色,一般我们要用十六进制来用颜色

我们来做一个综合练习

思路:排版 → 内容 → 美化

build() {
    Column() {
      Text('怒斩14境大妖')
      .width('100%')
        .height(40)
      .fontSize(24)
      Row() {
        Text('置顶')
          .fontColor('#df3c50')
          .width(40)
        Text('陈平安')
          .fontColor('#a1a1a1')
          .width(55)
        Text('999评论')
          .fontColor('#a1a1a1')
      }
      .width('100%')
    }
    .width('100%')
  }

文本溢出省略号、行高

1.文字溢出省略(设置文本超长时的显示方式)

语法:

.textOverfolow({
    overflow: TextOverfolow.XXX
})

注意:需要配合 .maxLines(行数) 使用  控制最大行数

2.行高

语法:.lineHeight(数字)

我们来做一个综合练习

将以上的内容优化成下面图片的样子 

  

build() {
    Column() {
      Text('HarmonyOS开发初体验')
        .width('100%')
        .fontWeight(FontWeight.Bold) //文本加粗
        .lineHeight(50) //文本行高
        .fontSize(20) //文本大小
      Text('方舟开发框架(简称ArkUI)为HarmonyOS应用的UI开发提供了完整的基础设施,包括简介的UI语法、丰富的UI功能(组件、布局、动画以及交互事件),以及实时界面预览工具等,可以支持开发者进行可视化界面开发。')
        .width('100%')
        .lineHeight(24)
        // 重点记忆:文字溢出显示省略号
        .textOverflow({
          overflow:TextOverflow.Ellipsis
        })
      // 必须配合maxLines才有效果
        .maxLines(2)
    }
    .width('100%')
  }

  • 31
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值