1. Drawable 简介
Drawable 在 Android 开发中是非常常用的，比如在 XML 中定义color，shape，selector 等。通过 Drawable 的使用，能够帮助我们实现一些比较好的界面效果，同时 Drawable 又相对轻量级，不像自定义 View 那样复杂。使用 Drawable 代替一些图片时，可以有效减少 APK 包的大小，开发成本也行对比较低。
A Drawable is a general abstraction for “something that can be drawn.” Most often you will deal with Drawable as the type of resource retrieved for drawing
things to the screen; the Drawable class provides a generic API for dealing with an underlying visual resource that may take a variety of forms.
Unlike a View, a Drawable does not have any facility to receive events or otherwise interact with the user.
官方文档给出的描述：Drawable 是一种可绘制事务的抽象，通常情况下我们将 Drawable 作为一种资源类型，来会绘制到屏幕上。
Drawable类提供了用于处理底层可视资源的通用API。与视图不同，Drawable没有任何工具来接收事件或与用户进行任何交互。
实际上，Drawable 就是将我们定义的图形，颜色等绘制到屏幕上，但是不提供事件的处理，自然也就没有交互的功能。
Drawable的内部宽高可以分别通过getIntrinsicWidth()和getIntrinsicHeight()获取，但并不是所有的Drawable都有内部宽高的属性，比如一个颜色形成的Drawable并没有宽高的概念。在大多数情况下，Drawable并没有大小的概念，因为当Drawable作为View的背景图时，Drawable会被拉伸至View的同等大小。
2. Drawable 种类
看到 Drawable 的种类比较多，但常用的不多，主要有 ShapeDrawable，BitmapDrawable，LayerDrawable，StateListDrawable 等。
下面就一一介绍一下各个 Drawable 的特点和作用以及简单的用法。
3. 各种 Drawable
3.1 BitmapDrawable
一般情况下，我们可以直接使用原图片。在有些场景下需要做一些特殊的效果，所以可以使用 BitmapDrawable 来对图片做一些处理，相当于对图片做一下包装，如平铺填充、拉伸填充或者保持图片原始大小，也可以在 BitmapDrawable 区域内部使用gravity指定的对齐方式。
<?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:tileMode=["disabled" | "clamp" | "repeat" | "mirror"] />
下面看一下这些属性的含义：
类型：Drawable resource。必需。 引用一个drawable resource.
类型：Boolean。是否开启抗锯齿。开启后图片会变得更平滑些，因此一般建议开启，设置为true即可。
类型：Boolean。是否允许抖动，如果位图与屏幕的像素配置不同时，开启这个选项可以让高质量的图片在低质量的屏幕上保持较好的显示效果（例如：一个位图的像素设置是 ARGB 8888，但屏幕的设置是RGB 565，开启这个选项可以是图片不过于失真）一般建议开启，为true即可。
类型：Boolean。是否允许对位图进行滤波。当图片被压缩或者拉伸时，使用滤波可以获得平滑的外观效果。一般建议开启，为true即可。
| 当图片小于容器尺寸时，设置此选项可以对图片经典定位，这个属性比较多，不同选项可以使用‘ |
’来组合使用。 |
纹理映射处理技术，一般也不常用，默认为false
android:tileMode
平铺模式。共有以下几个值
disabled ：默认值，表示不使用平铺
clamp ：复制边缘色彩
repeat ：X、Y 轴进行重复图片显示，也就是我们说要说的平铺
mirror ：在水平和垂直方向上使用交替镜像的方式重复图片的绘制
下面看下效果：
使用方法：
(1) 直接使用 XML 文件定义 BitmapDrawable，这也是最常用的方法；
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:antialias="true"
android:dither="true"
android:filter="true"
android:gravity="center"
android:src="@drawable/pic"
android:tileMode="clamp">
</bitmap>
(2) 使用代码方式生成 BitmapDrawable，稍微麻烦点，一般不常用。
实际上我们从BitmapDrawable的源码可以看出，目前Google建议我们创建BitmapDrawable的构造方法有3种
public BitmapDrawable(Resources res, Bitmap bitmap)
public BitmapDrawable(Resources res, String filepath)
public BitmapDrawable(Resources res, java.io.InputStream is)
Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image1);
BitmapDrawable mBitmapDrawable = new BitmapDrawable(getResources()，mBitmap);
mBitmapDrawable.setTileModeXY(TileMode.MIRROR, TileMode.MIRROR);//平铺方式
mBitmapDrawable.setAntiAlias(true);//抗锯齿
mBitmapDrawable.setDither(true);//防抖动
//设置到imageView上即可
imageView.setImageDrawable(mBitmapDrawable);
** 注意 **
在使用 android:tileMode 过程中，有另外一个属性和这个表面看上去类似 android:tintMode, 这个是颜色渲染的模式设置，所有的 view 和 Drawable 都有这个选项。它的作用实际上就是用来决定渲染之后显示的效果的，一般只有多个图层时才起作用，如 ImageView 中的 src 和 background 都设置了图片，这时就会有显示的先后和叠加等问题，可以设置这个选项。可使用的选项共有 6 种（add、multiply、screen、src_over、src_in、src_atop，）具体的选项有，可以参看下面来进行设置。
1.PorterDuff.Mode.CLEAR
所绘制不会提交到画布上
2.PorterDuff.Mode.SRC
显示上层绘制图片
3.PorterDuff.Mode.DST
显示下层绘制图片
4.PorterDuff.Mode.SRC_OVER
正常绘制显示，上下层绘制叠盖
5.PorterDuff.Mode.DST_OVER
上下层都显示。下层居上显示。
6.PorterDuff.Mode.SRC_IN
取两层绘制交集。显示上层。
7.PorterDuff.Mode.DST_IN
取两层绘制交集。显示下层。
8.PorterDuff.Mode.SRC_OUT
取上层绘制非交集部分。
9.PorterDuff.Mode.DST_OUT
取下层绘制非交集部分。
10.PorterDuff.Mode.SRC_ATOP
取下层非交集部分与上层交集部分
11.PorterDuff.Mode.DST_ATOP
取上层非交集部分与下层交集部分
12.PorterDuff.Mode.XOR
异或：去除两图层交集部分
13.PorterDuff.Mode.DARKEN
取两图层全部区域，交集部分颜色加深
14.PorterDuff.Mode.LIGHTEN
取两图层全部，点亮交集部分颜色
15.PorterDuff.Mode.MULTIPLY
取两图层交集部分叠加后颜色
16.PorterDuff.Mode.SCREEN
取两图层全部区域，交集部分变为透明色
3.2 NinePatchDrawable
NinePatchDrawable 表示的是我们熟悉的.9格式的图片，.9图片可以在保证图片不失真的情况下任意进行缩放，在实际的使用中我们也是通过Xml来实现即可：
<nine-patch xmlns:android="http://schemas.android.com/apk/res/android"
android:src="drawable/resource"
android:dither="[true|false]"/>
属性和 BitmapDrawable 中属性的含义相同，这里不过多描述。一般情况下不建议代码创建.9图，因为 Android 虽然可以使用 Java 代码创建 NinePatchDrawable，但是极少情况会那么做，这是因为由于Android SDK会在编译工程时对点九图片进行编译，形成特殊格式的图片。使用代码创建 NinePatchDrawable 时只能针对没有编译过的点九图片资源，对于没有编译过的点九图片资源都当做 BitmapDrawable 对待。还有点需要特别注意的是，点九图只能适用于拉伸的情况，对于压缩的情况并不适用，如果需要适配很多分辨率的屏幕时需要把点九图做的小一点。
.9 图使用时规则如下：
.9图片的四条黑边的意义，每条黑边的意义都不一样
顶部：在水平拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸
左边：在竖直拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸
底部：在水平拉伸的时候，指定图片里的内容显示的区域
右边：在竖直拉伸的时候，指定图片里的内容显示的区域
#### 3.3 ShapeDrawable
ShapeDrawable 对于 XML 的shape标签，在实际开发中我们经常将其作为背景图片使用，因为 ShapeDrawable 可以帮助我们通过颜色来构造图片，也可以构造渐变效果的图片，总之，ShapeDrawable 足矣满足我们大部分特殊需求下面我们说说其使用方法：
<?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="integer"
android:centerY="integer"
android:centerColor="integer"
android:endColor="color"
android:gradientRadius="integer"
android:startColor="color"
android:type=["linear" | "radial" | "sweep"]
android:usesLevel=["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>
从代码中我们可以看出Shape的子元素包括 gradient、padding、size、solid、stroke.
android:shape
这个属性表示图像的形状，可以是rectangle（矩形）、oval（椭圆）、line（横线）、ring（圆环）。默认为rectangle。
这里对于ring值还有几个相关的属性：
corners
指定边角的半径，数值越大角越圆，数值越小越趋近于直角，参数为：
<corners
android:radius="integer"
android:topLeftRadius="integer"
android:topRightRadius="integer"
android:bottomLeftRadius="integer"
android:bottomRightRadius="integer" />
gradient
设置颜色渐变与 为互斥标签，因为solid表示纯色填充，而gradient表示渐变填充。
angle=0和angle=90的区别(都为线性渐变)：
linear(线性)为默认值，radial（径内渐变），sweep（扫描渐变）区别如下：
下面画一个渐变的圆环，看一下效果：
```
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="100dp"
android:shape="ring"
android:thickness="40dp"
android:useLevel="false">
<gradient
android:angle="0"
android:centerColor="@color/colorPrimaryDark"
android:endColor="@android:color/white"
android:startColor="@color/colorAccent"
android:type="sweep"
android:useLevel="false" />
</shape>
```
solid
表示纯色填充，通过android:color设置颜色即可。
stroke
描述边框，属性如下：
有点要明白的是 android:dashWidth 和 android:dashGap 有任意一个为0，则虚线无法预期显示。
同样也来一个纯色的圆环看看效果：
方式一：
```
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="ring"
android:useLevel="false"
android:innerRadius="50dp"
android:thickness="10dp">
<solid android:color="@color/colorPrimaryDark"
</shape>
```
方式二：
```
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false">
<stroke
android:width="10dp"
android:color="@color/colorPrimaryDark" />
</shape>
```
虚线圆环：
```
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false">
<stroke
android:width="5dp"
android:color="@color/colorPrimaryDark"
android:dashGap="3dp"
android:dashWidth="3dp" />
</shape>
```
效果就不展示了。可以自己尝试下。
padding
表示内容或子标签边距，4个属性top、bottom、left、right，需要注意的是这个标签的作用是为内容设置与当前应用此shape的View的边距，而不是设置当前View与父元素的边距。
size
shape 通过这个标签可以设置 shape 的大小：
```
<size android:width="10dp"
android:height="10dp"/>
```
注意，给 shape 设置大小，实际中意义并不是很大，为什么这么说呢，因为shape 常用作于 view 的背景，所以 shape 的最终大小是 view 的大小，也就是说 shape的大小是自适应 view 的大小的。 Drawable 有两个方法，getIntrinsicWidth 和 getIntrinsicHeight，通过 这个两个方法能够获取 Drawable 固有的宽和高，对于有图片的 Drawable ，返回的宽高就是 图片的宽和高，对于 shape 来说，默认返回的是 - 1 ，如果我们设置了 size ，就会返回我们设置的值。这样就能够理解了。那么什么时候会用到 这两个方法呢？主要用在哪？ 看过 View 的测量方法的源码应该了解到，其中当测量方式为 wrap_content 时，就是通过这两个方法获取背景默认的宽和高。
#### 3.4 LayerDrawable
LayerDrawable xml的标签是,它是将不同的 Drawable 放在不同的层次上，达到一种叠加的效果，主要语法如下：
```
<?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" />
```
语法中一个 item 标识一个 Drawable ，主要有 上下左右 几个属性，设置 每个 Drawable 相对于 View 边缘的偏移量，单位为像素。android:drawable 属性可以直接引用已有的一个 Drawable资源，也可以在 item 中自己定义一个 shape，默认情况下， item 的大小是 View 的大小，对于 bitmap 来说，需要使用 android:gravity 才能控制图片的显示效果，分层的结果由于顺序决定，上面的图形会覆盖下面的图形，上下顺序是有绘制的顺序决定的，如，哪个 shape 先画出来，哪个shape 就在下面。下面举一个例子，就能明白了。
```
<?xml version="1.0" encoding="utf-8"?>
-
<item
android:bottom="20dp"
android:end="20dp"
android:start="20dp"
android:top="20dp">
</item>
<item
android:bottom="40dp"
android:end="40dp"
android:start="40dp"
android:top="40dp"
android:gravity="center">
</item>
<item
android:bottom="60dp"
android:end="60dp"
android:start="60dp"
android:top="60dp">
</item>
```
#### 3.5 StateListDrawable
StateListDrawable 对于 xml 的 selector 标签，这个标签可以说是我们最常用的标签。它也是 Drawable 的集合，每个 Drawable 对应一个 View 的状态，它会根据 View 的状态来选择合适的 Drawable ，从而实现不同的背景效果。如，一个 Button ，设置 StateListDrawable 时，根据点击按下时和松开时，选择合适的 Drawable ，就可以达到给用户点击的感觉。其主要语法如下：
```
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize=["true" | "false"]
android:dither=["true" | "false"]
android:variablePadding=["true" | "false"] >
<item
android:drawable="@[package:]drawable/drawable_resource"
android:state_pressed=["true" | "false"]
android:state_focused=["true" | "false"]
android:state_hovered=["true" | "false"]
android:state_selected=["true" | "false"]
android:state_checkable=["true" | "false"]
android:state_checked=["true" | "false"]
android:state_enabled=["true" | "false"]
android:state_activated=["true" | "false"]
android:state_window_focused=["true" | "false"] />
</selector>
```
selector标签的属性含义如下：
android:constantSize
StateListDrawable的固有大小是否随着其状态改变而改变，因为在状态改变后，StateListDrawable会切换到别的Drawable，而不同的Drawable其大小可能不一样。true表示大小不变，这时其固有大小是内容所有Drawable的固有大小的最大值。false则会随着状态改变而改变，默认值为false
android:variablePadding
表示 StateListDrawable的padding是否随状态的改变而改变，默认值为false，一般建议设置为false就行。
android:dither
是否开启抖动效果，开启后可使高质量的图片在低质量的屏幕上仍然有较好的显示效果，一般建议开启，设置为true。
测试例子
```
<?xml version="1.0" encoding="utf-8"?>
