飞鹿言情小说网

公司去取车的人都是这样吗!你是 1

首页

下载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 欢迎广大书友光临阅读,优质火爆的连载小说尽在飞卢小说网!,
上一章  回目录  阅读下一章
(按左右键翻页)
公司去取车的人都是这样吗!你是书评: