如何在 xml drawable 上将 alpha/opacity 值设置为颜色?

Posted

技术标签:

【中文标题】如何在 xml drawable 上将 alpha/opacity 值设置为颜色?【英文标题】:How set alpha/opacity value to color on xml drawable? 【发布时间】:2013-05-12 18:46:19 【问题描述】:

我需要将不透明度值设置为 xml drawable 中的颜色。但是,例如,当我尝试添加两个不透明度值(#20C0C0C0)时,它不起作用。颜色看起来完全透明。

这是我的代码...

  <?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android" >
     <corners
        android:radius="2dp" />
     <solid
        android:color="#CDCDCD" />
     <stroke
        android:
        android:color="@android:color/darker_gray" />
     <size 
        android:
        android:/>
   </shape>

有人有想法吗? 感谢您的帮助。

【问题讨论】:

CDCDCD 有了这个,你就有了不透明的颜色。前两个字节是 alpha 通道。 FF 是最大值 alpha 00 是最小值。 #00CDCDCD 是一种完全透明的颜色 Shape Drawables 没有 alpha 设置。 【参考方案1】:

我可能有点晚了,但如果其他人来到这篇文章并正在寻找一些 alpha 值。 Jared Rummler 完成了这项工作,并为我们提供了每一个可能的价值 https://***.com/a/27813407/5973229

所以他用这个方法来计算Hex代码中的每一个不透明度值:

for (double i = 1; i >= 0; i -= 0.01) 
i = Math.round(i * 100) / 100.0d;
int alpha = (int) Math.round(i * 255);
String hex = Integer.toHexString(alpha).toUpperCase();
if (hex.length() == 1) hex = "0" + hex;
int percent = (int) (i * 100);
System.out.println(String.format("%d%% — %s", percent, hex));

然后这是结果:

100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5
70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C
60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82
50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69
40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F
30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36
20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C
10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% — 00

【讨论】:

感谢十六进制表 【参考方案2】:

颜色“看起来”完全透明 b/c 它几乎完全透明。十六进制颜色通常为 6 位 #RRGGBB 但如果您想设置不透明度,则在开始时以 2 位十六进制比例(base-16)传递,因此在您的情况下 #20C0C0C0 您的不透明度为 20(以 base-16 为基础) .

这里是一些典型的十进制 alpha 值映射到十六进制的值

0 -> 0(这是完全透明的) 32 -> 20(这是你的不透明度) 255 -> FF(这是完全不透明的)

所以你的不透明度只有 ~12%。

如果您希望它更不透明(不太透明),请使用更高的数字(7F 将为您提供大约 50% 的不透明度)

所以:

<solid android:color="#7FC0C0C0" />

【讨论】:

【参考方案3】:

在 2018 年之后给出人们何时看到此内容的更新答案。据我所见,在为 API 版本进行开发时 > Lollipop,不需要对 alpha 使用十六进制值。我昨天检查了这个,也对此感到惊讶。

在android配色方案中,我们使用#FFFFFF中的十六进制值作为白色。这表示所述颜色的 RGB 通道。换句话说,正如上面@Cumulo Nimbus 所提到的,#RRGGBB。

对于不透明度/透明度,您还需要包含 Alpha 通道,这将提供#AARRGGBB。在十进制/十进制(以 10 为底)中,R、G、B 通道的范围为 0-255,而 alpha 通道的范围为 0-100,所以如果我想使用您提供的不透明度为 50% 的颜色样本,我只需要做是这样的:

<solid android:color="#50C0C0C0"/>

其中 50 是您需要的不透明度百分比。对于完全不透明的选项,即 100% 不透明度,您不需要使用 #FFC0C0C0 或 #100C0C0C0(注意:这不会显示任何内容)。只需将其保留为 #C0C0C0 即可。

【讨论】:

alpha 通道 A 是一个十六进制值,就像 RGB 通道一样。 #50C0C0C0 将提供大约 30% 的不透明度,而不是 50%。如果您使用 #99C0C0C0,差异会更容易分辨,这将导致 60%(而不是 99%)。

以上是关于如何在 xml drawable 上将 alpha/opacity 值设置为颜色?的主要内容,如果未能解决你的问题,请参考以下文章

如何获取小于 19 的 API 的 Drawable 的 alpha 值

如何在xml中使用纯色形状后面的drawable添加阴影?

如何预览 xml drawable?

如何在Android上将带有文本的向上操作图标更改为按钮?

如何在android中使用xml drawable创建半圆形填充形状?

视图中背景可绘制图像的不透明度(使用 XML 布局)