输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
FAQ
FAQ应用框架开发UI框架组件使用Text组件设置opacity后，文字颜色在整体透明度基础上叠加了一个透明，应该如何处理

Text组件设置opacity后，文字颜色在整体透明度基础上叠加了一个透明，应该如何处理

更新时间: 2026-06-26 07:47

通过给组件设置renderGroup(true)或者blendMode(BlendMode.SRC_OVER, BlendApplyType.OFFSCREEN)来实现。

可以参考如下示例：

收起
自动换行
深色代码主题
复制
  1. @Entry
  2. @Component
  3. struct Index {
  4.   build() {
  5.     Row() {
  6.       Column() {
  7.         Text('你好')
  8.           .width(200)
  9.           .height(100)
  10.           .fontColor(Color.White)
  11.           .backgroundColor(Color.Blue)
  12.           .fontSize(20)
  13.           .textAlign(TextAlign.Center)
  14.           .opacity(0.3)
  15.           .margin(20)
  16. 

  17.         Text('你好')
  18.           .width(200)
  19.           .height(100)
  20.           .fontColor(Color.White)
  21.           .backgroundColor(Color.Blue)
  22.           .fontSize(20)
  23.           .textAlign(TextAlign.Center)
  24.           .opacity(0.3)
  25.           .renderGroup(true)
  26.       }
  27.       .width('100%')
  28.     }
  29.     .height('100%')
  30.   }
  31. }
TextSetOpacity.ets
Navigation页面底部空白是什么，如何取消
设置了动态的visibility属性，切换组件的显示隐藏，使用requestFocus让组件获取焦点报错150003：the component is not on tree or does not exist.
相关推荐
文档Text组件设置装饰线透明色不生效
文档如何对PNG图标进行着色
文档如何将背景颜色设置为透明
文档如何实现文字表面移动光线效果
文档如何让半透明颜色绘制时不进行叠加
文档HarmonyOS Webview如何实现透明效果
文档如何实现文本颜色渐变
文档如何设置页面背景的透明度
文档XComponent 怎么设置成透明
文档组件如何设置模糊效果
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词