Android--各种Drawable介绍

Drawable 是什么

这篇博客我们要讲得是关于 Drawable 的知识。Drawable 是Android给我们的一个抽象类，是对可绘制物体的抽象。与 View 不同的是 Drawable 没有事件和交互方法。Drawable 不是直接面向我们，是看不见的，不能为它添加点击事件。

一个Drawable对象是“那些能够在其上面图画的任意对象”，它也许是一个bitmap对象，也可能是一个solid color、一个其他Drawable对象的集合，亦或是某种结构。 大多数Android UI框架喜欢用Drawable对象，而不是Bitmap对象。一个View可以接受任何Drawable对象作为background，一个Imageview可以显示Drawable前景对象；作为资源的 Images 一般加载为Drawable对象。Drawable并没有实际的宽和高，一般作为 View 的背景时，Drawable就会被拉伸到 View 的大小。

BitmapDrawable

BitmapDrawable：是对 bitmap 的一种包装，可以设置它包装的 bitmap 在 BitmapDrawable 区域内的绘制方式，如平铺填充、拉伸填充或者保持图片原始大小，也可以在 BitmapDrawable 区域内部使用 gravity 指定的对齐方式。

在xml文件中使用 bitmap 作为根节点来定义 BitmapDrawable。

下面的xml代码定义一个BitmapDrawable，同时设置了 BitmapDrawable的tileMode 属性为 mirror，通过这样设置会使得小图片在水平和竖直方向做镜面平铺效果。

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android" 
    android:src="@drawable/ic_launcher"
    android:tileMode="mirror"
    android:antialias="true"
    android:dither="true">
</bitmap>

用 Java 实现同样效果：

Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);

BitmapDrawable mBitmapDrawable = new BitmapDrawable(mBitmap);

mBitmapDrawable.setTileModeXY(Shader.TileMode.MIRROR,
                Shader.TileMode.MIRROR);
mBitmapDrawable.setAntiAlias(true);
mBitmapDrawable.setDither(true);

如果BitmapDrawable 依附的是 match_parent 的 View，则会像镜子铺满整个控件。

ClipDrawable

ClipDrawable 是对一个Drawable进行剪切操作，可以控制这个drawable的剪切区域，以及相对于容器的对齐方式，android中的进度条就是使用一个ClipDrawable实现效果的，它根据level的属性值，决定剪切区域的大小。

在xml文件中使用clip作为根节点定义ClipDrawable。

需要注意的是ClipDrawable是根据level的大小控制图片剪切操作的，level的大小从0到10000，level为0时完全不显示，为10000时完全显示。是用 Drawable 提供的 setLevel 方法来设置剪切区域。

下面为定义ClipDrawable的代码：

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android" 
    android:drawable="@drawable/ic_launcher"
    android:clipOrientation="horizontal"
    android:gravity="left">

</clip>

public class ClipDrawableActivity extends Activity {
   

    private ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_clip);
        iv = (ImageView) findViewById(R.id.iv);
        ClipDrawable drawable = (ClipDrawable) iv.getDrawable();
        drawable.setLevel(5000);//0~10000
    }
}

如图所示，如果 gravity 为right，则从右边开始显示，这个图片显示右半边；如果clipOrientation 为 vertical，则垂直显示，这个图片显示上半边。

ColorDrawable

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

在xml文件中使用 color 作为根节点来创建ColorDrawable，它只有一个android:color属性，通过它来决定ColorDrawable的颜色，Android并没有提供修改这个颜色值的Api，所以这个颜色一旦设置之后，就不能直接修改了。

下面的xml文件定义了一个颜色为红色的ColorDrawable：

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

当然也可以使用Java代码创建ColorDrawable，需要注意的是Android中使用一个int类型的数据表示颜色值，通常习惯使用十六进制格式的数据表示颜色值。

一个int类型包含四个字节，分别代表颜色的4个组成部分：透明度（Alpha）、红（RED）、绿（GREEN）、蓝（BLUE），每个部分由一个字节（8个bit）表示，取值范围为0~255。

在xml中使用颜色时可以省略透明度（Alpha）部分，如#ff0000表示红色。但是在代码中必须要明确指出透明度（Alpha）代表的数据，如果省略了就表示完全透明的颜色，例如0xFFFF0000表示红色，而0xFF0000虽然也表示红色，但它却是完全透明的，也就是说当绘制到画布上时，看不出有任何效果。

使用Java代码可以创建ColorDrawable，代码如下：

ColorDrawable drawable = new ColorDrawable(0xffff0000);

DrawableContainer

StateListDrawable

StateListDrawable管理一组drawable，每一个drawable都对应着一组状态，状态的选择类似于 Java 中的 switch-case 组合，按照顺序比较状态，当遇到匹配的状态后，就返回对应的drawable，因此需要把最精确的匹配放置在最前面，按照从精确到粗略的顺序排列。

StateListDrawable在Android中使用的非常广泛，所有控件的背景基本上都使用了StateListDrawable，比如按钮就具有很多状态，按下状态、选中状态、默认状态、禁用状态等等，像这样在不用的状态下显示效果不一样的时候，就是需要使用StateListDrawable的时候。

在xml文件中使用selector作为根节点来定义StateListDrawable，并使用item定义不同状态下的drawable。

创建StateListDraw的代码如下：

<?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/on"/>