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
相关问题
如何设置窗口的背景色
86浏览 • 1回复 待解决
TextInput按压态背景色如何修改
173浏览 • 1回复 待解决
JSUI按钮 toolbar的按下背景色怎么去掉
3289浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
180浏览 • 1回复 待解决
List组件如何设置两端的渐变效果
104浏览 • 1回复 待解决
文字背景颜色渐变显示
137浏览 • 1回复 待解决
java代码如何button添加xml背景
2204浏览 • 2回复 待解决
如何设置卡片背景为透明
330浏览 • 1回复 待解决
组件如何实现渐变色?
222浏览 • 1回复 待解决
如何背景颜色设置为透明
136浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
82浏览 • 1回复 待解决
Js UI 如何设置状态栏背景是透明的?
1367浏览 • 1回复 待解决
openharmony怎么设置背景透明模糊?
3972浏览 • 1回复 待解决
组件如何设置模糊效果
119浏览 • 1回复 待解决
List组件如何设置多列
150浏览 • 1回复 待解决
如何设置组件随子组件宽度变化
70浏览 • 1回复 待解决
组件如何动态设置全局唯一ID?
5027浏览 • 1回复 待解决