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
相关问题
如何设置窗口的背景色
209浏览 • 1回复 待解决
TextInput按压态背景色如何修改
423浏览 • 1回复 待解决
JSUI按钮 toolbar的按下背景色怎么去掉
3469浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
368浏览 • 1回复 待解决
List组件如何设置两端的渐变效果
219浏览 • 1回复 待解决
java代码如何button添加xml背景
2319浏览 • 2回复 待解决
文字背景颜色渐变显示
321浏览 • 1回复 待解决
如何设置卡片背景为透明
613浏览 • 1回复 待解决
组件如何实现渐变色?
399浏览 • 1回复 待解决
如何背景颜色设置为透明
315浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
231浏览 • 1回复 待解决
Js UI 如何设置状态栏背景是透明的?
1534浏览 • 1回复 待解决
openharmony怎么设置背景透明模糊?
4391浏览 • 1回复 待解决
组件如何设置模糊效果
248浏览 • 1回复 待解决