HarmonyOS 怎么逐渐覆盖

怎么让上面文字覆盖下面文字时,有个渐变的过程。

HarmonyOS 怎么逐渐覆盖 -鸿蒙开发者社区

代码如下:

@Entry
@Component
struct test {
  build() {
    Stack() {
      Text('被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖被覆盖')
        .maxLines(3)
      Text('123').backgroundColor(Color.White).width(60).textAlign(TextAlign.Center)
    }.margin({ top: 200 }).width(230).backgroundColor(Color.White).alignContent(Alignment.Center)
  }
}
HarmonyOS
2025-01-09 17:12:26
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

尝试给上层Text组件设置线性渐隐效果,数据仅供参考,可以自己调试渐隐效果:

Text('123')// .backgroundColor(Color.Transparent)
  .width(100)
  .textAlign(TextAlign.Start)
  .padding({ left: 30 })
  .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]]
  })
分享
微博
QQ
微信
回复
2025-01-09 18:45:55
相关问题
HarmonyOS dialog覆盖的问题
546浏览 • 1回复 待解决
HarmonyOS 覆盖安装报错:9568260
204浏览 • 1回复 待解决
HarmonyOS hdc覆盖安装命令
475浏览 • 1回复 待解决
HarmonyOS 父元素的阴影被子元素覆盖
171浏览 • 1回复 待解决
HarmonyOS webview里的输入框被键盘覆盖
364浏览 • 1回复 待解决
request下载文件不能覆盖现有文件
2099浏览 • 1回复 待解决
Dialog如何覆盖状态栏全屏显示
10626浏览 • 1回复 待解决
HarmonyOS 如何使Dialog覆盖下一个页面
347浏览 • 1回复 待解决