Android必知App 常用图标尺寸规范汇总
  ttOzQgS7km1w 2023年12月12日 32 0


1. 程序启动图标(icon launcher)

 

放在mipmap-*dpi下,文件名为ic_launcher.png

  • LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。
  • MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。
  • HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。
  • xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。
  • xxhdpi(xx-high density screen, 480 DPI),其图标大小为144 x 144 px。
  • xxxhdpi(xxx-high density screen, 640 DPI),其图标大小为192 x 192 px。

技巧:自动生成对应分辨率的 icon launcher

新增于2016-08-11

注意:使用ImageAsset处理的logo是在有些手机上是存在问题的 就是logo会显小 需要你们Ui将图片再此处理一下图片周边的白边 然后就好了(这个是适配后发现的)不过用这个工具还是很好的,Ui也省事了自己也省事了。。大多数手机还是很好的,如果不处理白边的话

使用 Android Studio ,在 module或者 drawable 上右键 new > ImageAsset ,可以把一张大图自动裁切成各 DPI 对应的分辨率的 icon launcher。


细节操作参照下图:

Android必知App 常用图标尺寸规范汇总_ico

 

  1. 选择要生成的图片类型:Launcher Icons ;
  2. Name 会自动生成 ic_launcher ,如果不是则填成 ic_launcher ;
  3. Asset Type 设置成 Image ;
  4. 在 path 一列的最后选择自己要生成的图片
  5. 调整 Shape 等参数;
  6. 点击 next 一路到 finish 即可。

PS:使用 Shape 的其他参数,比如圆角square , 会默认使用不支持透明度的颜色作为背景,所以要根据具体的图标进行修改,特殊的情况需要设计师切出带圆角和透明度的大图。

2. 不透明度16进制值

不透明度

16进制值

100%

FF

95%

F2

90%

E6

85%

D9

80%

CC

75%

BF

70%

B3

65%

A6

60%

99

55%

8C

50%

80

45%

73

40%

66

35%

59

30%

4D

25%

40

20%

33

15%

26

10%

1A

5%

0D

0%

00

3. dp和px换算及关系

各DPI的换算:

Android必知App 常用图标尺寸规范汇总_ico_02

数据总结表:

名称

对应 DPI

比例(以 mdpi 为基数 1)

和px的换算关系

lpdi

120 DPI

0.75

1 dp = 0.75 px

mdpi

160 DPI

1

1 dp = 1 px

hdpi

240 DPI

1.5

1 dp = 1.5 px

xhdpi

320 DPI

2

1 dp = 2 px

xxhdpi

480 DPI

3

1 dp = 3 px

xxxhdpi

640 DPI

4

1 dp = 4 px

dp 到 px

这里给定:400 dp * 240 dp
则对应的图片分辨率分别为:

  • lpdi ⇒ 300 px * 180 px
  • mdpi ⇒ 400 px * 240 px
  • hdpi ⇒ 600 px * 360 px
  • xhdpi ⇒ 800 px * 480 px
  • xxhdpi ⇒ 1200 px * 720 px
  • xxxhdpi ⇒ 1600 px * 960 px

px 到 dp

从 px 换算成 dp 要知道它是以什么 dpi 标准来设计的,根据换算关系表可得到相应的 dp 。
例如: 以 xxhdpi 标准设计的 UI,其中一个切图的分辨率是 600 px * 360 px ,根据换算关系表可知,在 xxhdpi 标准下,1 dp = 3 px ,则其对应的 dp 是 200 dp * 120 dp 。

 

  • 本文作者: Cafeting
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月12日 0

暂无评论

推荐阅读
  wURKzOHw9Irf   2023年12月24日   29   0   0 HTMLicoicohtml
ttOzQgS7km1w