鸿蒙-逐渐覆盖

小蘑菇2018

已于 2024-08-20 11:01:12 修改

阅读量320

点赞数 10

文章标签：鸿蒙 harmonyos

于 2024-08-19 18:37:51 首次发布

本文链接：https://blog.csdn.net/m0_51170428/article/details/141332222

版权

@Entry
@Component
struct test {
  build() {
    Stack() {
      Text('文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1')
        .maxLines(3)
      Text('123')
        .width(100)
        .textAlign(TextAlign.End)
        .padding({right:10})

          // 线性颜色渐变
        .linearGradient({
          angle: 90, colors: [['rgba(255, 255, 255, 0)', 0],
            ['rgba(255, 255, 255, 0.1)', 0.01],
            ['rgba(255, 255, 255, 0.2)', 0.02],
            ['rgba(255, 255, 255, 0.3)', 0.03],
            ['rgba(255, 255, 255, 0.4)', 0.04],
            ['rgba(255, 255, 255, 0.5)', 0.05],
            ['rgba(255, 255, 255, 0.6)', 0.06],
            ['rgba(255, 255, 255, 0.7)', 0.1],
            ['rgba(255, 255, 255, 0.8)', 0.15],
            ['rgba(255, 255, 255, 1)', 0.2]]
        })
    }
    .margin({ top: 200 })
    .width('100%')
    .backgroundColor(Color.White)
    .alignContent(Alignment.Center)
  }
}

注：'rgba(255, 255, 255, 0)'也可以提取为$r('app.color.c701') 的形式，c701配置为#00FFEDEE（该8位16进制，前两位为透明度，00代表完全透明，FF代表完全不透明）的形式

颜色渐变用法： https://juejin.cn/post/7312035308362186802