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

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

可以把

.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子组件能否不跟随父组件的透明度设置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 2楼•5 个月前

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

更多关于HarmonyOS 鸿蒙Next子组件能否不跟随父组件的透明度设置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html