HarmonyOS 鸿蒙Next 如何用代码方式设置色值的不透明度

HarmonyOS 鸿蒙Next 如何用代码方式设置色值的不透明度 现通过$('app.color.xxxx')方式获取一个色值，想设置该色值的不透明度60%，用代码如何设置

2 回复

暂时没有改变颜色透明度的方法，但是可以设置具体的ARGB色值 实现透明度： 头两位是透明度，0是完全透明，ff是全不透明，后六位是RGB值 例如 下方80为50%透明度

Text().width('90%').height(50).backgroundColor('#80f6072b')

透明度16进制值参考

https://blog.csdn.net/liuxingyuzaixian/article/details/86664764

更多关于HarmonyOS 鸿蒙Next 如何用代码方式设置色值的不透明度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙）系统中，设置色值的不透明度（Alpha值）通常是通过ARGB（Alpha, Red, Green, Blue）颜色模型来实现的。以下是一个使用ArkUI（ArkUI是鸿蒙系统的声明式前端框架）的JavaScript或eTS（Enhanced TypeScript）语言设置色值不透明度的示例代码：

// 假设你正在使用ArkUI的JavaScript版本
@Entry
@Component
struct MyComponent {
    build() {
        // 定义一个颜色，其中最后一个参数是Alpha值（0-255）
        let color = Color.fromArgb(128, 255, 0, 0); // 半透明红色

        // 使用该颜色设置组件的背景色
        Flex({ justifyContent: FlexAlign.Center, alignItems: FlexAlign.Center }) {
            Text('Hello HarmonyOS')
                .backgroundColor(color)
                .fontSize(24)
                .margin(20)
        }
    }
}

在eTS版本中，代码结构类似，但语法可能略有不同：

// 假设你正在使用ArkUI的eTS版本
@Entry
@Component
struct MyComponent {
    build() {
        let color = Color.fromArgb(128, 255, 0, 0); // 半透明红色
        Flex({ justifyContent: FlexAlign.Center, alignItems: FlexAlign.Center }) {
            Text('Hello HarmonyOS')
                .backgroundColor(color)
                .fontSize(24)
                .margin(20)
        }
    }
}

在以上示例中，Color.fromArgb方法用于创建一个带有Alpha通道的颜色值，其中128表示50%的不透明度。你可以根据需要调整Alpha值来改变不透明度。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部