背景
App很多页面都要显示一些图标，我们也经常使用@drawable直接引用图标，但是Android提供更多对drawable进行定义的方式，让显示更加多样化，下面将一一对这些技术进行介绍。
总览
绘图资源（Drawable Resources）是一种让Graphic绘制到屏幕的资源，在Android中能通过getDrawable(int)获取该资源，又或者通过@drawable获取，这些资源包括：
Bitmap File
位图（.png、.jpg、.gif格式）。
Nine-Patch File
.9图（.9.png格式），在Android环境下可自适应显示。
还有Layer List、State List、Transition Drawable、Inset Drawable、Clip Drawable、Scale Drawable、Shape Drawable等将在下文慢慢介绍。
另外要注意的是，颜色也是一种绘图资源，(android:drawable="@color/green").
Bitmap File
这个就是直接引用一个位图文件，不作多介绍。
<ImageView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/myimage" />
Resources res = getResources();
Drawable drawable = res.getDrawable(R.drawable.myimage);
XML Bitmap
此文件定义在res/drawable/ 文件夹下，在xml标签下对位图文件进行一系列定义，然后显示出来。
android:antialias 是否抗锯齿
android:dither 是否抗抖动（位图像素配置与屏幕不一致时会出现抖动）
android:filter 是否允许位图拉伸时缓慢地过渡
android:mipMap 是否使用mipMap优化，相关请查阅
android:tileMode 选择平铺、对称、拉伸显示
<?xml version="1.0" encoding="utf-8"?>
<bitmap
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@[package:]drawable/drawable_resource"
android:antialias=["true" | "false"]
android:dither=["true" | "false"]
android:filter=["true" | "false"]
android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
"fill_vertical" | "center_horizontal" | "fill_horizontal" |
"center" | "fill" | "clip_vertical" | "clip_horizontal"]
android:mipMap=["true" | "false"]
android:tileMode=["disabled" | "clamp" | "repeat" | "mirror"] />
Nine-Patch
这个有很多相关文章介绍，提供下面两图，相信大家能理解。
<Button
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:background="@drawable/myninepatch" />
XML Nine-Patch
跟上面的XML Bitmap一样，使用xml标签对.9.png进行定义显示。不过它除了设置引用的.9.png外，就只能设置android:dither抗抖动问题。
<?xml version="1.0" encoding="utf-8"?>
<nine-patch
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@[package:]drawable/drawable_resource"
android:dither=["true" | "false"] />
Layer List
这里通过xml标签可以做成一个多个位图重叠drawable，可设置每个item（即对应位图）的边距。
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:drawable="@[package:]drawable/drawable_resource"
android:id="@[+][package:]id/resource_name"
android:top="dimension"
android:right="dimension"
android:bottom="dimension"
android:left="dimension" />
</layer-list>
State List
这个即我们经常使用的button按钮的状态selector，这个应用不用过多介绍，不同的状态对应不用的图片或则下面即将介绍的shape。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/button_pressed" /> <!-- pressed -->
<item android:state_focused="true"
android:drawable="@drawable/button_focused" /> <!-- focused -->
<item android:state_hovered="true"
android:drawable="@drawable/button_focused" /> <!-- hovered -->
<item android:drawable="@drawable/button_normal" /> <!-- default -->
</selector>
<Button
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:background="@drawable/button" />
Level List
不太理解，后面再看。
<?xml version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:drawable="@drawable/status_off"
android:maxLevel="0" />
<item
android:drawable="@drawable/status_on"
android:maxLevel="1" />
</level-list>
Transition Drawable
可变的drawalbe，比如下面例子，通过获取ImageButton的drawable，调用startTransition方法，即可实现transition下的item的切换。可实现场景比如开关按钮，可实现渐变，也就是说你点击该按钮后，可以渐变该图标的背景、形状。
<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/on" />
<item android:drawable="@drawable/off" />
</transition>
<ImageButton
android:id="@+id/button"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/transition" />
ImageButton button = (ImageButton) findViewById(R.id.button);
TransitionDrawable drawable = (TransitionDrawable) button.getDrawable();
drawable.startTransition(500);
Inset Drawable
可设置该drawable的shape、color、位图的内边距，我把它应用在ListView的divider上，代码与效果图如下：
<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:insetLeft="10dp"
android:insetRight="10dp" >
<shape android:shape="rectangle" >
<solid android:color="@color/gray" />
</shape>
</inset>
Clip Drawable
类似显示进度的Drawable，可设置横向还是纵向。
<?xml version="1.0" encoding="utf-8"?>
<clip
xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/drawable_resource"
android:clipOrientation=["horizontal" | "vertical"]
android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
"fill_vertical" | "center_horizontal" | "fill_horizontal" |
"center" | "fill" | "clip_vertical" | "clip_horizontal"] />
<ImageView
android:id="@+id/image"
android:background="@drawable/clip"
android:layout_height="wrap_content"
android:layout_width="wrap_content" />
ImageView imageview = (ImageView) findViewById(R.id.image);
ClipDrawable drawable = (ClipDrawable) imageview.getBackground();
drawable.setLevel(drawable.getLevel() + 1000);
Scale Drawable
理解了，但是运行没效果，后面有效果再写。
Shape Drawable
它比较牛逼的地方是可像color、位图一样，在以上item定义中作为个内嵌元素，因为它可设置诸多属性，所以导致Drawable Resources更加多变，我觉得需要另外写一篇文章来解析它。
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape=["rectangle" | "oval" | "line" | "ring"] >
<corners
android:radius="integer"
android:topLeftRadius="integer"
android:topRightRadius="integer"
android:bottomLeftRadius="integer"
android:bottomRightRadius="integer" />
<gradient
android:angle="integer"
android:centerX="float"
android:centerY="float"
android:centerColor="integer"
android:endColor="color"
android:gradientRadius="integer"
android:startColor="color"
android:type=["linear" | "radial" | "sweep"]
android:useLevel=["true" | "false"] />
<padding
android:left="integer"
android:top="integer"
android:right="integer"
android:bottom="integer" />
<size
android:width="integer"
android:height="integer" />
<solid
android:color="color" />
<stroke
android:width="integer"
android:color="color"
android:dashWidth="integer"
android:dashGap="integer" />
</shape>
