abstract：由于android系统的开放性，以及IOS的相对封闭。第三方设备想要使用苹果的OS，目前来说是不可能。所以，各厂商纷纷的投入了android的怀抱，android阵营也越来越强大，如今移动操作系统也就是android和ios的天下。也正是因为android的开放性，可定制度高，导致了各种屏幕尺寸、各种分辨率的android设备铺满了手机、平板、智能电视、手表、盒子、智能硬件...等各种应用场景。作
由于android系统的开放性，以及IOS的相对封闭。第三方设备想要使用苹果的OS，目前来说是不可能。所以，各厂商纷纷的投入了android的怀抱，
android阵营也越来越强大，如今移动操作系统也就是android和ios的天下。也正是因为android的开放性，可定制度高，导致了各种屏幕尺寸、各种分辨率的android设备
铺满了手机、平板、智能电视、手表、盒子、智能硬件...等各种应用场景。
作为一名有逼格的程序猿，在面对如此众多的尺寸和分辨率设备上，想要打造一款通吃的app，势必是要花费一番功夫的。
还好google已经为我们想好了对策，为不同的分辨率提供不同的drawable资源。
先来看看微信的android客户端，在图片资源的使用
在res目录下，以drawable开头的文件夹占了一大半，后面以-hdpi、-land、-mdpi、-xhdpi...等文件夹以适配不同分辨率的机型。
可能有人会说，开发应用只用适配hdpi或者xhdpi就可以了，同样可以显示出来嘛！干嘛搞这么多版本，浪费空间，还麻烦！
如果是这样的想法，那只能说你的应用受众群体还没达到一定程度，或者不追求细节的完美。对于高逼格的应用来说，哪怕一个像素的缺失，都是不完美。
废话了这么多，先来看卡google官方对dp的定义
dp是一个与屏幕密度有关系的单位，dp与像素的换算关系为 px = dp * (dpi / 160)。例如在240密度（dpi）的屏幕上一个dp等于1.5个像素。以后我们应该尽量使用dp单位布局，不要使用像素单位。这样会使你的app屏幕兼容性更好
将同一张96x96像素的png图片，分别放到hdpi、xhdpi、xxhdpi文件夹中，宽高均以wrap_content显示
 可以看到，适配较低drawable-dpi的资源图片，显示尺寸相对较大，但是清晰度差。而适配高dpi的图片，显示尺寸相对较小，但是锐度高，比较清晰！
将像素分别为72x72、96x96、144x144像素的图片，分别放置于hdpi xhdpi xxhdpi文件夹中，宽高以wrap_content显示效果。
 可以看到，不同大小的图片，放到不同的资源文件夹下，最终在屏幕上显示的大小居然一致！但是144x144像素对应的图片显示的最精致和清晰。
到这里，应该能看出图片资源与drawable文件夹对应的关系了。即使不使用高质量的图片，仍然可在高分辨率的屏幕上进行对应的显示，但是牺牲了控件显示的精细度，屏幕dpi越高显示越不清楚。如果一张高清晰度的照片，被放置在不恰当的drawable下也不能准确的还原应有的尺寸和清晰度。
对比IOS对图片的定义，2倍图即-xhdpi密度，3倍图即-xxhdpi密度。
所以，想要让应用中的icon显示的更加精致，那就需要对应的配置不同像素的图片。
很多人在处理带图片的icon的时候，会指定其大小，如：
wrap_content可理解为包裹内容，当控件被设置为wrap_content将会根据实际大小进行显示。相比直接设置dip的方式，在图片的显示上或多或少的会存在缩放。也就会导致图标会显示的不够精致。
下面以应用中常用的tabbar，作为对比：（以1920x1080屏幕像素截图）
图1
图2
图1中的icon统一被设置了固定的大小24dp，同时只在drawable-xhdpi中进行图片的适配。可以看出图片被不同程度的拉伸，icon显示较模糊。
图2将icon的宽高均设置为wrap_content，同时在drawable-xxhdpi中进行了适配。图2的icon锐度有所提高，因为wrap_content属性的设置，本身icon图片大小不同，导致icon显示的大小不一致。所以完美的方案就是，需要UI提供尺寸均一的大图片，适配到drawable-xxhdpi下.
相比微信的高清图片资源，展现的精致效果：
SVG
Scalable Vector Graphics
在 Android 5.0（API 级别 21）及更高版本中，可定义矢量图片，而且图片可在不损失清晰度的情况下缩放。 只需一个资产文件即可创建一个矢量图像，而位图图像则需要为每个屏幕密度提供一个资产文件。 如果要创建一个矢量图像，在
下列示例以定义一个矢量图像：
在drawable文件夹下-->new-->vector Asset
可以选择Material Icon，使用studio内置的icon资源。这里选择了Local SVG file，使用自己定义的svg文件。
确定保存文件的位置。svg文件会导出为xml文件：
生成的moon.xml内容如下，path节点下的fillColor属性，可以自定义颜色值。
layout中使用和普通图片使用相同
界面显示效果：
控件的宽高可以任意以dp的方式设置，而清晰度并未受影响。
SVG除了可以用在矢量图片上，也可以在android上用来显示精美的动画效果。
有时间再对svg的生成，以及使用做更详细的介绍。
