首页
下载APP
IT技术
最全的Android颜色透明度
疯震震
最全的Android颜色透明度
疯震震
0.733
2017.12.1620:32:59
字数750
阅读16,704
好记性不如烂笔头。生活中多做笔记,不仅可以方便自己,还可以方便他人。
背景
开发的都知道,UI微调都是令人头痛的,尤其是颜色的微调。
如果视觉稿直接给颜色值那倒没啥,可怕的是后面还有标了透明度,而且视觉还原后发现颜色太透明了,要你透明度再调调,这才烦人。我总不能记住100个透明度的值吧。
一次计算,无数次使用,这文章,稳了。
正文
Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值(这里我只聊透明度)。
1.透明度的计算
透明度分为256个等级,即0-256,0就是透明,255就是不透明
透明度(透明)0255(不透明)对应着16进制(透明)00FF(不透明)
比如:50%透明度
50%也就是256的一半即128,因为是从0开始算的,所以是127,转换成16进制就是7F
2.献上透明度表格
注意:我这里写的是透明度值,不是不透明度值,这是两个不同的概念,注意区分。
需要不透明度值的,可以自己算:透明度值+不透明度值=100%
如果你的UI设计师给的视觉稿标注是:颜色#FFFFFF,透明度40%。那你的计算方式应该是:
将透明度转换成不透明度。不透明度为:60%
不透明度乘以255。我们得到结果:153
将计算结果转换成16进制。得到最终的不透明度:99
将不透明度和颜色值拼接成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/**
更多精彩内容,就在简书APP
听说你很有爱心的,给个赞呗??
疯震震
征服Android,征服Google,从我做起!
总资产52(约2.97元)共写了2.1W字获得19个赞共5个粉丝
写下你的评论...
全部评论
0
被以下专题收入,发现更多相似内容
Android学习
666
Android
推荐阅读
更多精彩内容
Android的颜色和透明度
概述:ARGB中A是不透明度,特别注意颜色Android中的颜色值通常遵循RGB/ARGB标准,使用...
媚竹风
阅读589
评论0
赞2
Android(最新)控件透明度,布局透明度,Activity透明度,颜色透明度,背景透明度
本节前言今天给大家介绍的是关于Android各式各样的透明度,有需要的希望能够帮到你们我们在学习本节课之前,先...
侯蛋蛋_
阅读3,655
评论1
赞7
Android计算颜色的透明度
设计师给效果图时透明度一般都是标注为百分比,如:#000000透明度为50%,我们就要把50%转换为程序里使用的1...
符老夫子
阅读2,440
评论0
赞2
敛半盒大学时光
皓月当空,清风正好。座座排楼,明灯正亮。学子在习,业途在就。校中间的草坪,有你喜欢的绿;校空上的苍穹,有你喜欢的...
披覯
阅读91
评论5
赞3
经济学告诉你男性出轨几率比女性高的真相
我们先思考一下,一百块相同的巧克力,哪块最难吃呢?这是一个对大家都有教育意义的故事,一对夫妻房事...
奥巴驴之哥
阅读471
评论2
赞1
疯震震
总资产52(约2.97元)
BlobCache与DiskLruCache的读写对比
阅读63
BlobCache算法详解
阅读188
推荐阅读
DICOM图像中灰度理解
阅读232
ggplot2绘制堆积柱形图
阅读98
分享我常用的一些绘图颜色(16进制颜色码)
阅读249
AndroidNoteXQ10:色值上的各个位代表什么?
阅读43
R数据可视化——ggplot标度(二)
阅读247
写下你的评论...
首页
下载APP
IT技术
最全的Android颜色透明度
疯震震
最全的Android颜色透明度
疯震震
0.733
2017.12.1620:32:59
字数750
阅读16,704
好记性不如烂笔头。生活中多做笔记,不仅可以方便自己,还可以方便他人。
背景
开发的都知道,UI微调都是令人头痛的,尤其是颜色的微调。
如果视觉稿直接给颜色值那倒没啥,可怕的是后面还有标了透明度,而且视觉还原后发现颜色太透明了,要你透明度再调调,这才烦人。我总不能记住100个透明度的值吧。
一次计算,无数次使用,这文章,稳了。
正文
Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值(这里我只聊透明度)。
1.透明度的计算
透明度分为256个等级,即0-256,0就是透明,255就是不透明
透明度(透明)0255(不透明)对应着16进制(透明)00FF(不透明)
比如:50%透明度
50%也就是256的一半即128,因为是从0开始算的,所以是127,转换成16进制就是7F
2.献上透明度表格
注意:我这里写的是透明度值,不是不透明度值,这是两个不同的概念,注意区分。
需要不透明度值的,可以自己算:透明度值+不透明度值=100%
如果你的UI设计师给的视觉稿标注是:颜色#FFFFFF,透明度40%。那你的计算方式应该是:
将透明度转换成不透明度。不透明度为:60%
不透明度乘以255。我们得到结果:153
将计算结果转换成16进制。得到最终的不透明度:99
将不透明度和颜色值拼接成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/**
更多精彩内容,就在简书APP
听说你很有爱心的,给个赞呗??
疯震震
征服Android,征服Google,从我做起!
总资产52(约2.97元)共写了2.1W字获得19个赞共5个粉丝
写下你的评论...
全部评论
0
被以下专题收入,发现更多相似内容
Android学习
666
Android
推荐阅读
更多精彩内容
Android的颜色和透明度
概述:ARGB中A是不透明度,特别注意颜色Android中的颜色值通常遵循RGB/ARGB标准,使用...
媚竹风
阅读589
评论0
赞2
Android(最新)控件透明度,布局透明度,Activity透明度,颜色透明度,背景透明度
本节前言今天给大家介绍的是关于Android各式各样的透明度,有需要的希望能够帮到你们我们在学习本节课之前,先...
侯蛋蛋_
阅读3,655
评论1
赞7
Android计算颜色的透明度
设计师给效果图时透明度一般都是标注为百分比,如:#000000透明度为50%,我们就要把50%转换为程序里使用的1...
符老夫子
阅读2,440
评论0
赞2
敛半盒大学时光
皓月当空,清风正好。座座排楼,明灯正亮。学子在习,业途在就。校中间的草坪,有你喜欢的绿;校空上的苍穹,有你喜欢的...
披覯
阅读91
评论5
赞3
经济学告诉你男性出轨几率比女性高的真相
我们先思考一下,一百块相同的巧克力,哪块最难吃呢?这是一个对大家都有教育意义的故事,一对夫妻房事...
奥巴驴之哥
阅读471
评论2
赞1
疯震震
总资产52(约2.97元)
BlobCache与DiskLruCache的读写对比
阅读63
BlobCache算法详解
阅读188
推荐阅读
DICOM图像中灰度理解
阅读232
ggplot2绘制堆积柱形图
阅读98
分享我常用的一些绘图颜色(16进制颜色码)
阅读249
AndroidNoteXQ10:色值上的各个位代表什么?
阅读43
R数据可视化——ggplot标度(二)
阅读247
写下你的评论...
飞卢小说网 b.faloo.com 欢迎广大书友光临阅读,优质火爆的连载小说尽在飞卢小说网!,