HarmonyOS 背景半透明渐变怎么设置

HarmonyOS
2024-12-26 14:16:25
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

可以通过linearGradient设置带透明度渐变,透明度在颜色内设置。

参考代码:

@Entry
@Component
struct Page {
  build() {
    Column() {
      Text('测试')
    }
    .height('100%')
    .width('100%')
    .linearGradient(
      {
        angle: 180,
        colors: [['rgba(220,20,60,0.5)', 0.1], ["rgba(0,0,255,0.5)", 0.6],  ["rgba(0,255,0,0.5)", 1]]
      })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
分享
微博
QQ
微信
回复
2024-12-26 17:33:09
相关问题
HarmonyOS 如何设置页面背景半透明
763浏览 • 1回复 待解决
如何设置半透明页面
590浏览 • 1回复 待解决
openharmony怎么设置背景透明模糊?
7599浏览 • 1回复 待解决
HarmonyOS page 半透明
490浏览 • 1回复 待解决
HarmonyOS page页面如何设置半透明效果
740浏览 • 1回复 待解决
HarmonyOS UIAbility如何设置透明背景
778浏览 • 1回复 待解决
HarmonyOS 如何设置渐变背景色?
2302浏览 • 1回复 待解决
HarmonyOS 如何设置背景透明
683浏览 • 1回复 待解决
如何设置卡片背景透明
3669浏览 • 1回复 待解决
HarmonyOS 可以设置页面为透明背景吗?
1081浏览 • 1回复 待解决
Button组件如何设置渐变背景
3762浏览 • 1回复 待解决
HarmonyOS 如何实现半透明的Page
867浏览 • 1回复 待解决
如何将背景颜色设置透明
3619浏览 • 1回复 待解决
HarmonyOS 如何实现半透明的遮罩效果
1028浏览 • 1回复 待解决