Android 的各种 Drawable 详解

原文链接

概述

android内置了如下几种Drawable类型：ColorDrawable、GradientDrawable、BitmapDrawable、 NinePatchDrawable、InsetDrawable、ClipDrawable、ScaleDrawable、 RotateDrawable、AnimationDrawable、LayerDrawable、LevelListDrawable、 StateListDrawable、TransitionDrawable、ShapeDrawable。

Android把可绘制的对象抽象为Drawable，不同的图形图像资源就代表着不同的drawable类型。Android FrameWork提供了一些具体的Drawable实现，通常在代码中都不会直接接触Drawable的实现类。

ColorDrawable

ColorDrawable通常设置在colors.xml文件中，比如设置View背景为纯色，实际设置的就是ColorDrawable

public void setBackgroundColor(@ColorInt int color) {  
      if (mBackground instanceof ColorDrawable) {  
          ((ColorDrawable) mBackground.mutate()).setColor(color);  
          computeOpaqueFlags();  
          mBackgroundResource = 0;  
      } else {  
          setBackground(new ColorDrawable(color));  
      }  
  }

GradientDrawable通常用来设置渐变色。

写在XML文件中通常和shape结合使用

<?xml version="1.0" encoding="utf-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android">  
    <gradient  
        android:startColor="#FFF"  
        android:endColor="#000"  
        android:angle="45" />  </shape>

GradientDrawable的构造函数：public GradientDrawable(GradientDrawable.Orientation orientation, int[] colors)

BitmapDrawable

BitmapDrawable就不多介绍什么了，最常用的从drawable中加载的图片都是BitmapDrawable

NinePatchDrawable

NinePatchDrawable是点九图片，NinePatchDrawable绘画的是一个可以伸缩的位图图像。Android会自动调整大小来容纳显示的内容，通常用来做可以被拉伸的背景。

InsetDrawable

InsetDrawable 表示一个drawable嵌入到另外一个drawable内部，并且在内部留一些间距，这一点很像drawable的padding属性，区别在于 padding表示drawable的内容与drawable本身的边距，insetDrawable表示两个drawable和容器之间的边距。当控件需要的背景比实际的边框小的时候比较适合使用InsetDrawable。

ClipDrawable

ClipDrawable是通过设置一个Drawable的当前显示比例来裁剪出另一张Drawable，你可以通过调节这个比例来控制裁剪的宽高，以及裁剪内容占整个容器的权重，通过ClipDrawable的setLevel()方法调节显示比例可以实现类似Progress进度条的效果。ClipDrawable的level值范围在[0,10000]，level的值越大裁剪的内容越少，如果level为10000时则完全显示。

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

clip元素中只有android:drawable、android:clipOrientation和android:gravity三个属性，其中android:drawable为需要裁剪的原始图片，android:clipOrientation为裁剪的方向，可以按照垂直(vertical)或者水平(horizontal)方向进行裁剪,android:gravity为指定从哪里开始裁剪，这个可以通过或操作设置多个属性。

AnimationDrawable

AnimationDrawable通常是将几张图串起来做一个简单动画，

<?xml version="1.0" encoding="utf-8"?>  <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
    android:oneshot="false" >  
    <item  
        android:drawable="@drawable/on_001"  
        android:duration="100"/>  
    <item  
        android:drawable="@drawable/on_002"  
        android:duration="100"/>  

    <item  
        android:drawable="@drawable/on_003"  
        android:duration="100"/>  
    <item  
        android:drawable="@drawable/on_004"  
        android:duration="100"/>  
    <item  
        android:drawable="@drawable/on_005"  
        android:duration="100"/>  
    <item  
        android:drawable="@drawable/on_006"  
        android:duration="100"/>  </animation-list>

ScaleDrawable

ScaleDrawable，RotateDrawable分别用来对图片进行拉伸和旋转。

LayerDrawable

一个LayerDrawable是一个可以管理一组drawable对象的drawable。在LayerDrawable的drawable资源按照列表的顺序绘制，列表的最后一个drawable绘制在最上层。

元素：<layer-list>必须的。 并且要作为根节点。 包含一个或者多个<item>元素
属性：xmlns:android 必须的。 定义xml文件的命名空间，必须是 “http://schemas.android.com/apk/res/android”。
<item>定义一个drawable放置在layer drawable中，具体的位置有它的。必须是<selector>的子元素（这个不太理解）。可接受<bitmap>做为子元素

属性:
android:drawable  Drawable资源。必须的。引用的drawable资源
android:id  资源ID。一个为这个item定义的唯一的资源ID。 使用:”@+id/name”.这样的方式。可以检索或修改这个drawable通过下面的方式：View.findViewById() orActivity.findViewById().
android:top   Integer。与top的距离，单位像素
android:right  Integer。与right的距离，单位像素
android:bottom  Integer。与bottom的距离，单位像素
android:left  Integer。与left的距离，单位像素

在默认的情况下，所有的drawable item都会缩放到合适的大小来适应视图。因此，在一个layer-list中定义不同的位置可能会增加视图的尺寸和被自动缩放。为了避免被缩放，可以再<item>节点里加上<bitmap>元素来指定一个drawable，并且定义一些不会被拉伸的gravity属性，例如center。

举个例子，下面在item里面定义一个drawable，图片就会自动缩放以适应视图的大小。

<item android:drawable="@drawable/image" />

为了避免缩放，可以使用<bitmap>的子元素来指定drawable资源

<item>
 <bitmap android:class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="@drawable/image"
 android:gravity="center" />
 </item>

StateListDrawable

StateListDrawable通常用作selector，设置不同的背景或者颜色。ShapeDrawable定义了多种图形，也是比较常用的。

LevelListDrawable

LevelListDrawable对应于<level-list标签>，跟selector一样，它也表示一个drawable集合。使用方法如下。

<?xml version="1.0" encoding="utf-8level_drawable"?>    <level-list    
    xmlns:android="http://schemas.android.com/apk/res/android">    
    <item     
        android:drawable="@drawable/ic_launcher"    
        android:maxLevel="0"/>    

    <item     
        android:drawable="@drawable/icon1"    
        android:maxLevel="1"/>    </level-list>

<ImageView    
        android:id="@+id/cv"    
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"    
        android:layout_margin="20dp"     
        android:class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="@drawable/level_drawable"/>

注意这里要用src,background是不起作用的。

需要变换图片时，调用这个方法iView.setImageLevel(1);

TransitionDrawable

一个TransitionDrawable是一个特殊的Drawable对象，可以实现两个drawable资源之间淡入淡出的效果。

<transition>节点下的每个<item>代表一个drawable资源。只能有两个<item>。先前转换调用startTransition()。向后，调用 reverseTransition()。

• 文件位于：

• res/drawable/filename.xml
  文件名作为资源ID

• 编译资源类型：

• 指向 TransitionDrawable的指针

• 资源引用：

• In Java: R.drawable.filename
  In XML: @[package:]drawable/filename

• 语法：

<?xml version="1.0" encoding="utf-8"?>  <transition  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" />  </transition>

例子：XML文件保存为：res/drawable/transition.xml：

<?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>

在layout文件中使用：

<ImageButton  
    android:id="@+id/button"  
    android:layout_height="wrap_content"  
    android:layout_width="wrap_content"  
    android:class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="@drawable/transition" />

ImageButton button = (ImageButton) findViewById(R.id.button);  
TransitionDrawable drawable = (TransitionDrawable) button.getDrawable();  
drawable.startTransition(500);