日常开发中我们少不了要根据设计图绘制UI，一般而言设计师给的都是设计图都是750*1334的，给的切图也一般是2x、3x图。

简单起见，我们只将对应的2x图标放到res/drawable-xhdpi目录下即可。

当然了，对于要求高的图标，我们需要添加对应的多套图，分别放置到drawable-mdpi、drawable-hdpi、drawable-xhdpi、drawable-xxhdpi、drawable-xxxhdpi、目录下。

图标的容器我们一般使用ImageView，代码如下：

实际开发中我们直接给对应的src属性设置对应的图片资源id即可，不同机型上的适配工作，Android系统会自动帮我们完成。

系统会自动根据当前机型的dpi，到对应的drawable目录下获取图片，接着再对图片进行适当的缩放操作，最后完成显示。

关于dpi和drawable是如何匹配的，请移步郭霖大神的Android drawable微技巧，你所不知道的drawable的那些细节。

这篇文章中有一个很重要的dpi匹配的表，如下：

这里我想讲下Android在获取到对应的图片后，是如何进行对应的缩放操作的。

我们先从一个例子讲起。

我们先准备对应的五张图片 empty_icon ，他们的分辨率分别是

我们看下官网的说明，如下图：

这说明我们的图片是符合比例规则的，接着将他们放入到对应的drawable目录下。

ps：这几张图片来自于bravh这个库，如有侵权，请联系我，侵删。

接着我们将这个图片设置给ImageView对象，代码如下：

然后获取当前图片的实际宽高，代码如下：

接着运行代码，我们看下现象，效果图如下：这个测试机的dpi为440。

咦，这里图片的尺寸怎么不对呢？drawable-xxhdpi文件夹下的图片尺寸命名是319啊，这里为何不一致，而且我们也没有这个尺寸的图片啊，为什么呢？

莫慌，我们这次换一个xxhdpi的模拟器试下，运行效果如下图：

这次效果正确了吧，可是这个缩放原理是什么呢？

我们都知道Android会为我们自动缩放drawable中的图片，可是到底缩放了多少，什么情况下缩放呢？

我们先看下dpi和drawable的对应关系：需要说明的是，这里的范围都是不包含头包含尾，可以用(a,b]来表示。

我们第一次运行的测试机的dpi为440，第二次的为480，他两对应的dpi等级均是xxhdpi，所以它们对应的drawable目录为drawable-xxhdpi，我们这里对应的图片的尺寸应该是319*319。

可是为啥两个手机上显示的尺寸不一样呢？一个是292*292，一个是319*319。有什么规律呢？

眼尖的同学应该已经看出来了，实际的图片尺寸的缩放比例跟实际dpi和对应dpi等级相关，规律如下：

对第一个实例来说，实际dpi这里对应的分别是440，对应的dpi通过上面的表格可以得出为480，对应drawable图片尺寸为319px，实际显示尺寸为我们获取到的292.

上述公式转换下，如下所示：计算实际显示尺寸的值。

针对某个图片来说，实际dpi、对应的dpi等级、对应drawable下图片尺寸这三个值都是已知的，根据这三个值我们就可以获取到实际显示的尺寸。

接下来我们验证下我们这个结论。我们先写一个工具类，根据实际dpi获取对应的dpi等级，代码如下所示：