HarmonyOS 鸿蒙Next RGBA颜色

HarmonyOS 鸿蒙Next RGBA颜色 RGBA是在RGB的基础上增加了控制alpha透明度的参数, Red（红色）Green（绿色）Blue（蓝色）和Alpha的色彩空间。

在使用canvas组件填充渐变色时，发现它把底部的网格绘制给遮挡了，所以想到了给渐变色区域一个透明度，

但是类似 ‘#9EC7EF’ 这种十六进制的颜色值，给透明度不见效果，所以改用RGBA形式使用十进制颜色值。

把 ‘#9EC7EF’ 改为RGB形式，即十进制转十六进制，即 rgb(158, 199, 210)

"9" 在第1位，相当于 9×16（1次方）=144
"E" （即14）在第0位，相当于 14×16（0次方）=14

加和等于158

// 填充渐变（从底部到顶部的渐变）
const gradient = this.params.offContext2D.createLinearGradient(0, height, 0, 0);
// 改为rgba模式，通过设置透明度,不遮盖网格线
gradient.addColorStop(1, 'rgba(158, 199, 210, 0.8)');
gradient.addColorStop(0, 'rgba(0, 0, 0, 0)');
this.params.offContext2D.fillStyle = gradient;
this.params.offContext2D.fill();

更多关于HarmonyOS 鸿蒙Next RGBA颜色的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

HarmonyOS 鸿蒙Next中的RGBA颜色表示法用于定义颜色，其中R代表红色，G代表绿色，B代表蓝色，A代表透明度。RGBA颜色值通常以十六进制或十进制表示。在鸿蒙Next中，RGBA颜色可以通过以下方式定义：

  1. 十六进制表示法：格式为#RRGGBBAA，其中RR、GG、BB分别表示红、绿、蓝的十六进制值，AA表示透明度的十六进制值。例如，#FF000080表示半透明的红色。

  2. 十进制表示法：格式为rgba(R, G, B, A)，其中R、G、B为0到255的整数，A为0到1的浮点数。例如，rgba(255, 0, 0, 0.5)表示半透明的红色。

在鸿蒙Next的UI开发中，RGBA颜色可以用于设置控件的背景色、文本颜色等属性。开发者可以根据需要选择合适的颜色表示法来定义颜色。

更多关于HarmonyOS 鸿蒙Next RGBA颜色的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙）中，RGBA颜色模型用于定义颜色，其中R代表红色，G代表绿色，B代表蓝色，A代表透明度。RGBA值的范围通常是0到255，A的透明度范围是0（完全透明）到1（完全不透明）。开发者可以通过设置RGBA值来控制UI元素的颜色和透明度，实现更丰富的视觉效果。

回到顶部