HarmonyOS 在渐变颜色中添加透明度没有效果

如下代码,在起始颜色中加了00(0x00E6E6E6)让颜色透明,但是没有效果。

Divider()  
  .vertical(true)  
  .strokeWidth(1)  
  .height(40)  
  .lineCap(LineCapStyle.Round)  
  .align(Alignment.Center)  
  .margin({ right: this.rollerTextHeight })  
  .linearGradient({  
    direction: GradientDirection.Top, // 渐变方向  
    colors: [[0x00E6E6E6, 0.0], [0xffE6E6E6, 1]]  
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
HarmonyOS
2024-09-29 12:26:33
1.1w浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

可以参考以下demo:

@Entry  
@Component  
struct Page {  
  @State message: string = 'Hello World';  
  build() {  
    Column() {  
      Divider()  
        .color(Color.Transparent)  
        .vertical(true)  
        .strokeWidth(10)  
        .height(100)  
        .lineCap(LineCapStyle.Round)  
        .align(Alignment.Center)  
        .linearGradient({  
          direction: GradientDirection.Top, // 渐变方向  
          colors: [["#00E6E6E6", 0.0], ["#ffE6E6E6", 1]]  
        })  
    }  
    .height('100%')  
    .width('100%')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.

根因在于Divider组件有默认的颜色,所以设置透明的时候看不见。可以参考以下链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-divider-V5#color

分享
微博
QQ
微信
回复
2024-09-29 16:01:24
相关问题
HarmonyOS 如何实现透明度渐变效果
704浏览 • 1回复 待解决
HarmonyOS没有设置颜色透明度的方法
1552浏览 • 1回复 待解决
HarmonyOS 如何设置颜色透明度
1651浏览 • 1回复 待解决
HarmonyOS color颜色怎么指定透明度
1689浏览 • 1回复 待解决
自定义颜色透明度如何实现?
1002浏览 • 1回复 待解决
SideBarContainer如何设置透明度
2998浏览 • 1回复 待解决
HarmonyOS 如何设置背景透明度
683浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变没有效果
823浏览 • 1回复 待解决
设置子窗口透明度未生效
2238浏览 • 1回复 待解决
HarmonyOS Image UI 如何设置图片透明度
719浏览 • 1回复 待解决
HarmonyOS POP颜色设置了没有效果
689浏览 • 1回复 待解决