HarmonyOS 鸿蒙Next子组件能否不跟随父组件的透明度设置

发布于 1周前 作者 h691938207 来自 鸿蒙OS

HarmonyOS 鸿蒙Next子组件能否不跟随父组件的透明度设置

子组件能否不跟随父组件的透明度设置

2 回复

可以把

.opacity(0.5)
.backgroundColor(Color.Blue)

替换为

.backgroundColor('rgba(0,0,255,0.5)')
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page75 {

message:string= ‘测试’ build() { Column() { Row() { Text(this.message) .width(‘100lpx’) .height(‘100lpx’) .backgroundColor(Color.Yellow) .fontSize(50) .fontColor(Color.Red) .fontWeight(FontWeight.Bold) } // .opacity(0.5) // .backgroundColor(Color.Blue) .backgroundColor(‘rgba(0,0,255,0.5)’) .width(‘200lpx’) .height(‘200lpx’) } .width(‘100%’) .height(‘100%’) } }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

HarmonyOS 鸿蒙Next中,子组件默认会继承父组件的透明度设置。然而,可以通过设置子组件的backgroundColor为带透明度的颜色(如rgba格式),来独立控制子组件的透明效果,从而不直接跟随父组件的透明度。如果子组件仍显示继承父组件的透明度,请检查代码逻辑,确保未在其他地方(如样式表或内联样式)中错误地设置了透明度。如果问题依旧没法解决请加我微信,我的微信是itying888。

回到顶部