背景

开发的都知道,UI微调都是令人头痛的,尤其是颜色的微调。

如果视觉稿直接给颜色值那倒没啥,可怕的是后面还有标了透明度,而且视觉还原后发现颜色太透明了,要你透明度再调调,这才烦人。我总不能记住100个透明度的值吧。

一次计算,无数次使用,这文章,稳了。

正文

Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值(这里我只聊透明度)。

1. 透明度的计算

透明度分为256个等级,即 0 - 256,0就是透明,255就是不透明


透明度 (透明)0 –> 255(不透明) 对应着16进制 (透明)00 –> FF(不透明)


比如:50%透明度

50%也就是256的一半即128,因为是从0开始算的,所以是 127,转换成16进制就是 7F


2.献上透明度表格

注意:我这里写的是透明度值,不是不透明度值,这是两个不同的概念,注意区分。


需要不透明度值的,可以自己算:透明度值 + 不透明度值 = 100%

如果你的UI设计师给的视觉稿标注是:颜色#FFFFFF,透明度40% 。那你的计算方式应该是:

  1. 将透明度转换成不透明度。不透明度为:60%
  2. 不透明度乘以255。 我们得到结果:153
  3. 将计算结果转换成16进制。得到最终的不透明度:99
  4. 将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF

所以,你的UI设计师要的颜色是:#99FFFFFF


下面是我表格里的透明度值的计算方式是:(A:透明度; H:16进制)

255*(100% - A%) 通过计算器转为16进制 H

(ps:因为计算结果取整数,所以可能会有一个进制位的误差,比如50%的透明度值,上面“1.透明度的计算”中的计算是127,16进制为7F,这里计算是127.5,四舍五入为128,16进制为80。所以,看到这里不用惊慌,7F跟80肉眼看起来是差不多的,不用去计较)

00是完全透明(百分百透明),FF就是完全不透明

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

结尾

东西虽然简单,但还是写出来,就当工具用,下次调UI就可以来这里看。如果上面有写错了,欢迎来“搞”!哈哈!

参考文章

本文参考了这位同学的文章 
http://blog.csdn.net/jabony/article/details/52804296

Android透明度相关推荐

  1. Android 透明度百分比对应的 十六进制

    Android 透明度百分比对应的 十六进制 先把结果放在这里,方便大家查询,也方便自己,UI太喜欢用百分比表示了=.=! 透明度百分比对应的十六进制: (说明:百分比计算出来会有小数,按照常规的四舍 ...

  2. android 透明度_Android智能视图翻转器

    先看看效果图吧 作者在里面封装一个文本适配器,直接调用以下方法即可 SmartViewFlipper view_flipper = findViewById(R.id.view_flipper);vi ...

  3. Android 透明度设置

    颜色透明度 格式: android:background="#XXxxxxxx"(颜色可以写在color中) 说明:半透明颜色值不同于平时使用的颜色,半透明颜色值共8位,前2位是透 ...

  4. android透明度的三种设置方法

    该文章是借一位博友的内容,很好的介绍了android里边透明度属性! 该处是这位博友的文章链接:点击打开链接 1.使用Android系统自带的透明效果资源  <Button  android:b ...

  5. android透明度60%,Android 透明度设置详解

    本节前言 今天给大家介绍的是关于Android各式各样的透明度,有需要的希望能够帮到你们,我们在学习本节课之前,先来介绍一下万能的颜色透明度 颜色透明度 格式: android:background= ...

  6. Android 透明度、旋转、缩放、平移

    补间动画一共分为4种 1 alpha  透明度 2 rotate  旋转 3 scale   缩放 4 translate  平移 一 alpha 透明度 1 步骤 step1 创建动画文件      ...

  7. android 透明度变化,安卓获取屏幕的宽高并设置平移动画和透明度变化

    在做X6影院的时候遇到了一个问题,需要在引导页做特效,做一个平移的动画,在平移的同时,做透明度变化. //平移动画.需要获取到屏幕的宽高比,获取代码如下private WindowManager wi ...

  8. 【无标题】Android透明度对照表

    #ff000000前两位为透明度 不透明 100% - FF 95% - F2 90% - E6 85% - D9 80% - CC 75% - BF 70% - B3 65% - A6 60% - ...

  9. Android 透明度数值对应表

最新文章

  1. 如何将CSS应用于iframe?
  2. 蹭一波热度,对《青春有你2》109位漂亮小姐姐下手了
  3. Python基础01-变量及数据类型
  4. 高性能的MySQL(2)慢查询
  5. DBlink的创建与删除
  6. 基于bootstrap_登陆页面
  7. 如何制作自己的R包?
  8. ready to study design pattern
  9. JSLIU 的 wxWindows 入门
  10. 非参数检验统计量分析
  11. kindle中azw3和mobi哪个好?
  12. 基于联合非负矩阵分解的多视角聚类学习笔记
  13. [BUGKU] [MISC]旋转跳跃
  14. 我和腾讯不得不说的故事
  15. 软件测试周刊(第63期):凡是持久的,必是温和的与可持续的。
  16. 寒心啊!我的威望值居然是-1,整个论坛估计没几人像我这样
  17. 附上解决迅雷9及迅雷极速版任何资源下载任务出错、内容违规问题
  18. 路由器 静态、动态路由的配置
  19. python飞机大战碰撞检测_pygame制作飞机大战4——敌机出现、碰撞检测、增加声音、分数记录...
  20. 复盘:一份完整的活动运营策划方案是这样的

热门文章

  1. Excel 整行整列互换位置
  2. LaTeX的有趣使用
  3. 装修公司如何盈利?小伙设计社群模式,成交大量客户!
  4. python idle怎么使用_[森林]手把手教你如何使用作弊码
  5. 百花潭边四十载 - 记我的父亲陈武元
  6. 在苹果笔记本如何使用python_怎么在mac上使用python
  7. 1999-2020年31省基础设施水平
  8. QQ微派狼人杀经验分享及无限卡房教程(萌新逆袭成为绝顶高手)
  9. 直播预告 | 博睿学院:智能告警与AIOps融合探索
  10. 关于零食的火爆文案(适合卖零食的推广语)