Android必知必会-App 常用图标尺寸规范汇总
来源:互联网 发布:淘宝医用n95口罩 编辑:程序博客网 时间:2024/06/15 10:57
内容持续更新中,更新日期:2016-08-11
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
使用 Android Studio
,在 module
或者 drawable
上右键 new > ImageAsset
,可以把一张大图自动裁切成各 DPI 对应的分辨率的 icon launcher。
细节操作参照下图:
- 选择要生成的图片类型:
Launcher Icons
; - Name 会自动生成
ic_launcher
,如果不是则填成ic_launcher
; Asset Type
设置成Image
;- 在
path
一列的最后选择自己要生成的图片 - 调整
Shape
等参数; - 点击
next
一路到finish
即可。
PS:使用 Shape
的其他参数,比如圆角square
, 会默认使用不支持透明度的颜色作为背景,所以要根据具体的图标进行修改,特殊的情况需要设计师切出带圆角和透明度的大图。
2. 不透明度16进制值
3. dp和px换算及关系
各DPI的换算:
数据总结表:
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
。
PS:你可以通过下面的方式和我联系
- 微博:cafeting
- Github: likfe
- CSDN:他叫自己Mr.张
0 0
- Android App 常用图标尺寸规范汇总
- Android-App 常用图标尺寸规范汇总
- Android必知必会-App 常用图标尺寸规范汇总
- Android必知必会-App 常用图标尺寸规范汇总
- Android必知必会-App 常用图标尺寸规范汇总
- Android必知必会-App 常用图标尺寸规范汇总
- Android必知必会-App 常用图标尺寸规范汇总
- App 常用图标尺寸规范汇总
- Android,App 常用图标尺寸规范
- Android, App常用图标尺寸规范
- Android,App 常用图标尺寸规范
- Android,App 常用图标尺寸规范
- Android,App 常用图标尺寸规范
- Android App常用图标尺寸规范
- Android app常用图标尺寸规范
- Android APP常用图标尺寸规范
- Android,App 常用图标尺寸规范
- Android,App 常用图标尺寸规范
- JAVA原生时间类总结
- 爬虫之pyquery
- ssd in caffe windows10安装\配置
- React+webpack开发环境的搭建_0
- ChromeOptions
- Android必知必会-App 常用图标尺寸规范汇总
- [MFC] WS_EX_LAYERED 实现透明异形窗口(酷狗歌词、360加速球、窗口边缘阴影)
- ajax获取到数据却走error方法的错误总结
- Python解决杨辉三角问题
- 蛇形数字-FDU机试题
- 【书山有路】Python基础教程 第9章
- 268. Missing Number(C语言)
- __stdcall,__cdecl,__pascal,__fastcall的区别
- 开源机器学习项目 Oryx 开源机器学习项目 Oryx