Button组件如何设置渐变背景色

Button组件如何设置渐变背景色

HarmonyOS
2024-01-20 11:29:19
4487浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
liuxusy

Button默认背景色挡住渐变颜色设置,需要将背景色backgroundColor设置成全透明才能正常加载渐变。

代码示例

@Entry 
@Component 
struct Index { 
  build() { 
    Button('test') 
      .width(200) 
      .height(50) 
      .backgroundColor('#00000000') 
      .linearGradient({ 
        angle: 90, 
        colors: [[0xff0000, 0.0], [0x0000ff, 0.3], [0xffff00, 1.0]] 
      }) 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.

参考链接

Button

分享
微博
QQ
微信
回复
2024-01-21 00:37:27


相关问题
HarmonyOS 如何设置渐变背景色
2214浏览 • 1回复 待解决
HarmonyOS Select组件背景色如何设置
577浏览 • 1回复 待解决
如何设置WebView的背景色
1600浏览 • 1回复 待解决
如何设置窗口的背景色
2571浏览 • 1回复 待解决
使用js引擎 设置dom背景色无效
1346浏览 • 0回复 待解决
AlertDialog没有找到设置背景色API
1221浏览 • 1回复 待解决
HarmonyOS List组如何背景色设置透明
517浏览 • 1回复 待解决
如何设置背景色的饱和度和亮度?
924浏览 • 1回复 待解决
HarmonyOS 关于开屏背景色
586浏览 • 1回复 待解决
HarmonyOS 弹窗自带背景色
489浏览 • 1回复 待解决
TextInput按压态背景色如何修改
3232浏览 • 1回复 待解决