android的Drawable详解

Drawable简介

Drawable有很多种，用来表示一种图像的概念，但他们又不完全是图像，他们是用过颜色构建出来的各种图像的表现形式。Drawable一般都是通过xml来定义的 ，当然我们也可以通过代码来创建，Drawable是一个抽象的类，是所以Drawable的基类，每个具体的Drawable都是它的子类，如ShapeDrawable,BitmapDrwable等，其结构如下图：

Drawable的内部有两个重要的参数需要说明，getIntrinsicHeight 和 getIntrinsicWidth，通过他们可以获取内部图片的高度和宽度，但是并不是所以的Drawable都有内部宽和高，比如一个颜色形成的Drawable就没有内部宽和高。

Drawable分类

Drawable种类繁多，比如，BitmapDrawable,ShapeDrwable,LayerDrawable,StateListDrawable等，这里就不一一列举了，下面列出一些常用的做一下简单的介绍。

ColorDrawable

colorDrawable是最简单的Drawable，它实际上是代表了单色可绘制区域，它包装了一种固定的颜色，当ColorDrawable被绘制到画布的时候会使用颜色填充Paint，在画布上绘制一块单色的区域。

在xml文件中使用color作为根节点来创建ColorDrawable，它只有一个Android:color属性，通过它来决定ColorDrawable的颜色.

[java] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <color xmlns:android="http://schemas.android.com/apk/res/android"  
3.  android:color="#FF0000" />  

当然，我们也可以通过代码来创建，不过需要注意的是习惯使用十六进制格式的数据表示颜色值。

[html] view plain copy

 print?

1. ColorDrawable drawable = new ColorDrawable(0xffff0000);  

GradientDrawable

gradientDrawable表示一个渐变区域，可以实现线性渐变、发散渐变和平铺渐变效果，在Android中可以使用GradientDrawable表示很多复杂而又绚丽的界面效果。在xml文件中使用shape作为根节点来创建GradientDrawable，它包含很多属性和子节点，下面是GradientDrawable的xml文档节点结构。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <size /> //定义区域的大小  
4.     <gradient>//设置区域背景的渐变效果  
5.         <solid/>//设置区域的背景颜色，如果设置了solid会覆盖gradient的效果  
6.         <stroke />//设置区域的边框效果  
7.         <padding />//设置区域的内边距  
8. </shape>  

BitmapDrawable

bitmapDrawable是对bitmap的一种包装，它表示的就是一张图片，我们可以通过xml方式来描述它。我们可以使用不同的属性含义来绘制他，如Android：src,android.dither等。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <bitmap xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:src="@drawable/png_icon_416"  
4.     android:tileMode="mirror"  
5.     android:antialias="true"  
6.     android:dither="true"  
7.     >  
8. </bitmap>  

当然我们用代码也是可以实现的。

[html] view plain copy

 print?

1. Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.png_icon_416);  
2. BitmapDrawable mBitmapDrawable = new BitmapDrawable(mBitmap);  
3. mBitmapDrawable.setTileModeXY(TileMode.MIRROR, TileMode.MIRROR);  
4. mBitmapDrawable.setAntiAlias(true);  
5. mBitmapDrawable.setDither(true);  
6. mDrawable = mBitmapDrawable;  

NinePatchDrawable

ninePatchDrawable用来表示一张.9格式的图片，为了实现缩放不失真的效果。Android SDK工具集提供了处理点九图片的工具，可以通过draw9patch.bat运行，通过这个工具可以很容易把普通的PNG图片处理成“点九”图片。从它的名字也很容易理解“点九”图的含义，其实相当于把一张PNG图分成了9个部分(九宫格)，分别为4个角，4条边，以及一个中间区域，4个角是不做拉伸的，所以还能一直保持圆角的清晰状态，而2条水平边和2条垂直边分别只做水平和垂直拉伸，所以不会出现边框被拉粗的情况，只有中间用黑线指定的区域做拉伸，通过这种处理方式图片才不会失真。如图6-5所示，对4条黑线分别做了注释。左边和上边的黑线形成的矩形区域是图片的拉伸区域，下边和右边形成的矩形区域是内容所在的区域。黑线可以是连续的也可以是不连续的，不过为了达到最好的显示效果，最好使用连续的黑线。

使用了*.9.png图片技术后，只需要采用一套界面切图去适配不同的分辨率，而且大幅减少安装包的大小。

对于创建ninePatchDrawable也是极其简单的。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <nine-patch  
3.     xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:src="@drawable/droid_logo"  
5.     android:dither="true" />  

Android虽然可以使用Java代码创建NinePatchDrawable，但是极少情况会那么做，主要的原因是由于Android SDK会在编译工程时对点九图片进行编译，形成特殊格式的图片。使用代码创建NinePatchDrawable时只能针对编译过的点九图片资源，对于没有编译过的点九图片资源都当做BitmapDrawable对待。在使用点九图片时需要注意的是，点九图只能适用于拉伸的情况，对于压缩的情况并不适用，如果需要适配很多分辨率的屏幕时需要把点九图做的小一点。

ClipDrawable 

clipDrawable听名字就是对Drawable进行裁剪的。android中的进度条就是使用一个ClipDrawable实现效果的，它根据level的属性值，决定剪切区域的大小。

需要注意的是ClipDrawable是根据level的大小控制图片剪切操作的，level大小从0到10000。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <clip xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:clipOrientation="horizontal"  
4.     android:drawable="@drawable/bitmap_android"  
5.     android:gravity="left"  
6.     >  
7. </clip>  

需要注意的是如果没有android:drawable属性，必须要设置一个任意类型的drawable作为子节点。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <clip xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:clipOrientation="horizontal"  
4.     android:gravity="left"  
5.     >  
6.     <bitmap  
7.         android:src="@drawable/android_text"  
8.         android:gravity="center"  
9.         />  
10. </clip>  

AnimationDrawable
animationDrawable就是动画的，这个是按帧播放的那种。使用起来也非常简单，在xml文件中使用animation-list作为根节点定义AnimationDrawable，使用item设置需要播放的每一帧使用的drawable资源，以及每一帧持续的时间即可。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:oneshot="false">  
4.     <item  
5.         android:drawable="@drawable/level1"  
6.         android:duration="300"  
7.         />  
8.     <item  
9.         android:drawable="@drawable/level2"  
10.         android:duration="300"  
11.         />  
12.     <item  
13.         android:drawable="@drawable/level3"  
14.         android:duration="300"  
15.         />  
16.     <item  
17.         android:drawable="@drawable/level4"  
18.         android:duration="300"  
19.         />  
20.     <item  
21.         android:drawable="@drawable/level5"  
22.         android:duration="300"  
23.         />  
24. </animation-list>  

 代码实现，定义了AnimationDrawable之后需要主动调用AnimationDrawable的start播放动画，需要注意的是，当我们在Activity的oncreate方法中调用start方法时会没有任何效果，那是因为view还没有完成初始化，所以正确的使用方法是。

[html] view plain copy

 print?

1. mHandler.postDelayed(new Runnable() {           
2.         @Override  
3.         public void run() {  
4.                 // TODO Auto-generated method stub  
5.                 ((AnimationDrawable)mDrawable).start();                 
6.         }  
7. }, 1000);  

LayerDrawable
layerDrawable顾名思义就是处于不同的层的，管理一组drawable，每个drawable都处于不同的层，当它们被绘制的时候，按照顺序全部都绘制到画布上。虽然有时候可能出现交错的情况，但是由于位于不同的层，显示上 也是不会有任何影响的。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <item android:drawable="@drawable/layer1" />  
4.     <item android:drawable="@drawable/layer2" />  
5.     <item android:drawable="@drawable/layer3" />  
6. </layer-list>  

LevelListDrawable

levelDrawable的每一个drawable都对应一个level范围，当它们被绘制的时候，根据level属性值选取对应的一个drawable绘制到画布上。就像波浪线一样。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <level-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <item  
4.         android:maxLevel="2000"  
5.         android:drawable="@drawable/level1" />     
6.     <item  
7.         android:maxLevel="4000"  
8.         android:drawable="@drawable/level2" />  
9.     <item  
10.         android:maxLevel="6000"  
11.         android:drawable="@drawable/level3" />  
12. </level-list>  

StateListDrawable
stateListDrawable管理一组drawable，每一个drawable都对应着一组状态，状态的选择类似于java中的switch-case组合，按照顺序比较状态，当遇到匹配的状态后，就返回对应的drawable，因此需要把最精确的匹配放置在最前面，按照从精确到粗略的顺序排列。这也是我们开发中用的最多的，写背景选择器的时候，我们一般只会使用两种状态，其实它可以表示很多种状态，几乎可以实现很多效果。

[html] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <item android:state_focused="false"  
4.         android:state_pressed="false"  
5.         android:drawable="@drawable/gradient_normal"  
6.         />      
7.     <item android:state_pressed="true"  
8.         android:drawable="@drawable/gradient_pressed"  
9.         />  
10.     <item android:state_focused="true"  
11.         android:drawable="@drawable/gradient_focused"  
12.         />  
13. </selector>  

其实还有些Drawable，这里就不一一讲解了。