切图应该放在哪个资源文件夹(drawable-ldpi ,drawable-hdpi ,drawable-xhdpi ……)

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给的不同分辨率图片应该放在哪个资源文件夹

  1. 确认设计稿是为哪种分辨率设备设计的,以此来确认一个基准资源文件夹 如上面确定的drawable-hdpi
  2. 再根据切图的分辨率和设计稿上的图片标注分辨率比例关系查上图,来确定对应图片的资源文件夹 ,如 切图是80 x 80,图片标注是 40 x 40,比例就是2,第一步确认的基准资源文件夹为drawable-hdpi,它的两倍,查表所得是drawable-xxhdpi

此文要是对你有帮助,如果方便麻烦点个赞,谢谢!!!

猜你喜欢

转载自blog.csdn.net/kingyc123456789/article/details/107553223
今日推荐