鸿蒙eTS的.backgroundColor如何设置透明色

之前了解了组件后面可以用.opacity(数字)来设置元素的不透明度。

数字取值范围为0到1，1表示不透明，0表示完全透明

如

Text(this.message).opacity(0)

 

则可以将当前元素透明化。但是这个方法不适用于按钮，若是按钮用这个则会将按钮里面的内容也一并透明化。 

所以想到了用.backgroundColor来设置按钮背景颜色

Button() {
      Image($r("app.media.kaishi")).width(230).height(30)
    }
.position({x:80,y:260})
    .backgroundColor(100000000)
}

.backgroundColor(100000000)即可将元素背景透明。