UED设计师给了同一个图片的不同分辨率版本,应该放在哪个dpi文件夹里
案例分析:
事件概述
UI给的设计图标注的大小是按照1920*1080 px,设备dpi=244设计的,设计图中图片A的标注是40 x 40px,之后给的切图两张分别是:40 x 40 px 和 80 x 80 px;开发应该把这两张图片分别放在哪个文件夹?
首先来看一下,下图的对应关系
res资源文件夹 | 设备dpi | 设备density |
---|---|---|
drawable-ldpi | dpi=120 | density=0.75 |
drawable-mdpi | dpi=160 | density=1 |
drawable-hdpi | dpi=240 | density=1.5 |
drawable-xhdpi | dpi=320 | density=2 |
drawable-xxhdpi | dpi=480 | density=3 |
drawable-xxxhdpi | dpi=640 | density=4 |
从上图可以知道,UED设计师是为dpi=244,drawable-hdpi 这个级别的屏幕来设计的,也就是说图片A在drawable-hdpi 上的标注使用40 x 40 px;按照对应比例 80 x 80 px的图片放在drawable-xxhdpi文件夹
总结:怎么确定UI给的不同分辨率图片应该放在哪个资源文件夹
- 确认设计稿是为哪种分辨率设备设计的,以此来确认一个基准资源文件夹 如上面确定的drawable-hdpi
- 再根据切图的分辨率和设计稿上的图片标注分辨率比例关系查上图,来确定对应图片的资源文件夹 ,如 切图是80 x 80,图片标注是 40 x 40,比例就是2,第一步确认的基准资源文件夹为drawable-hdpi,它的两倍,查表所得是drawable-xxhdpi
此文要是对你有帮助,如果方便麻烦点个赞,谢谢!!!