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

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

HarmonyOS
2024-01-20 11:29:19
浏览
收藏 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]] 
      }) 
  } 
}

参考链接

Button

分享
微博
QQ
微信
回复
2024-01-21 00:37:27
相关问题
如何设置窗口的背景色
754浏览 • 1回复 待解决
使用js引擎 设置dom背景色无效
398浏览 • 0回复 待解决
TextInput按压态背景色如何修改
1010浏览 • 1回复 待解决
JSUI按钮 toolbar的按下背景色怎么去掉
4221浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
1049浏览 • 1回复 待解决
文字背景颜色渐变显示
1005浏览 • 1回复 待解决
List组件如何设置两端的渐变效果
881浏览 • 1回复 待解决
java代码如何button添加xml背景
2806浏览 • 2回复 待解决
如何设置卡片背景为透明
1518浏览 • 1回复 待解决
组件如何实现渐变色?
1000浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
778浏览 • 1回复 待解决
如何背景颜色设置为透明
1258浏览 • 1回复 待解决
Button等控件设置点击效果
364浏览 • 1回复 待解决