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 |
非“主要”密度组 | 说明 |
---|---|
drawable-nodpi | 适用于所有密度的资源。这些是与密度无关的资源。无论当前屏幕的密度是多少,系统都不会缩放以此限定符标记的资源。 |
drawable-tvdpi | 适用于密度介于 mdpi 和 hdpi 之间的屏幕(约 213dpi)的资源。这不属于“主要”密度组。它主要用于电视,而大多数应用都不需要它。对于大多数应用而言,提供 mdpi 和 hdpi 资源便已足够,系统将视情况对其进行缩放。如果您发现有必要提供 tvdpi 资源,应按一个系数来确定其大小,即 1.33*mdpi。例如,如果某张图片在 mdpi 屏幕上的大小为 100px x 100px,那么它在 tvdpi 屏幕上的大小应该为 133px x 133px。 |
从上图可以知道,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
此文要是对你有帮助,如果方便麻烦点个赞,谢谢!!!