Android Drawable Resource学习（四）、LayerDrawable

一、创建LayerDrawable和使用

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

它所包含的一组drawable资源用多个元素表示，一个元素代表一个drawable资源。

文件位置：

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

编译数据类型：

指向LayerDrawable的指针

资源引用

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

语法：

 "1.0" encoding="utf-8"?>

     xmlns:android="http://schemas.android.com/apk/res/android" >

         android:drawable="@[package:]drawable/drawable_resource"
         android:id="@[+][package:]id/resource_name"
         android:top="dimension"
         android:right="dimension"
         android:bottom="dimension"
         android:left="dimension" />

元素：

必须的。 并且要作为根节点。 包含一个或者多个元素

属性：

xmlns:android

字符串。  必须的。 定义xml文件的命名空间，必须是  "http://schemas.android.com/apk/res/android"。

定义一个drawable放置在layer drawable中，具体的位置有它的。 必须是的子元素（这个不太理解）。可接受做为子元素

属性:

android:drawable

Drawable资源。必须的。引用的drawable资源

android:id

资源ID。一个为这个item定义的唯一的资源ID。 使用:"@+id/name".这样的方式。可以检索或修改这个drawable通过下面的方式： View.findViewById() or Activity.findViewById().

android:top

Integer。与top的距离，单位像素

android:right

Integer。与right的距离，单位像素

android:bottom

Integer。与bottom的距离，单位像素

android:left

Integer。与left的距离，单位像素

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

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

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

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

   android:src="@drawable/image"
          android:gravity="center" />

例子：在xml文件中定义layerDrawable，然后使用

    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/layers" />

在代码中定义然后使用

 @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         Bitmap bitmap=BitmapFactory.decodeResource(getResources(), R.drawable.black_lotus);
         Drawable[] drawables=new Drawable[3];
 //        drawables[0]=new PaintDrawable(Color.BLACK);
 //        drawables[1]=new PaintDrawable(Color.BLUE);
         drawables[0]=new BitmapDrawable(bitmap);
         drawables[1]=new BitmapDrawable(bitmap);
         drawables[2]=new BitmapDrawable(bitmap);
         LayerDrawable layer=new LayerDrawable(drawables);
         layer.setLayerInset(0, 20, 20, 0, 0);
         layer.setLayerInset(1, 40, 40, 0, 0);
         layer.setLayerInset(2, 60, 60, 0, 0);
         ImageView imageView=(ImageView)findViewById(R.id.imgView);
         imageView.setImageDrawable(layer);
     }

         android:id="@+id/imgView"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"/>

再举一个例子： 
要用2张图片叠加起来，看上去形成一张图片 

 

首先创建一个drawalbe/login_head.xml的文件，内容如下：

xml version="1.0" encoding="UTF-8"?>
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />
    <item android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />
layer-list>

然后就可以使用这个组合的图片了，比如在ImageView中显示： 
android:background="@drawable/login_head" 
android:layout_width="wrap_content" android:layout_height="wrap_content" /> 

使用java代码： 
如何使多个Drawable叠加（合成图片）？ 
大家可能知道Bitmap的叠加处理在Android平台中可以通过Canvas一层一层的画就行了，而Drawable中如何处理呢? 除了使用BitmapDrawable的getBitmap方法将Drawable转换为Bitmap外，今天Android123给大家说下好用简单的LayerDrawable类，LayerDrawable顾名思义就是层图形对象。下面直接用一个简单的代码表示: 

Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);
    Drawable[] array = new Drawable[3];
     array[0] = new PaintDrawable(Color.BLACK); //黑色
     array[1] = new PaintDrawable(Color.WHITE); //白色
     array[2] = new BitmapDrawable(bm); //位图资源
    LayerDrawable ld = new LayerDrawable(array); //参数为上面的Drawable数组
    ld.setLayerInset(1, 1, 1, 1, 1);  //第一个参数1代表数组的第二个元素，为白色
    ld.setLayerInset(2, 2, 2, 2, 2); //第一个参数2代表数组的第三个元素，为位图资源
    mImageView.setImageDrawable(ld);

Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);
    Drawable[] array = new Drawable[3];
     array[0] = new PaintDrawable(Color.BLACK); //黑色
     array[1] = new PaintDrawable(Color.WHITE); //白色
     array[2] = new BitmapDrawable(bm); //位图资源
    LayerDrawable ld = new LayerDrawable(array); //参数为上面的Drawable数组
    ld.setLayerInset(1, 1, 1, 1, 1);  //第一个参数1代表数组的第二个元素，为白色
    ld.setLayerInset(2, 2, 2, 2, 2); //第一个参数2代表数组的第三个元素，为位图资源
    mImageView.setImageDrawable(ld);

上面的方法中LayerDrawable是关键，Android开发网提示setLayerInset方法原型为public void setLayerInset (int index, int l, int t, int r, int b) 其中第一个参数为层的索引号，后面的四个参数分别为left、top、right和bottom。对于简单的图片合成我们可以将第一和第二层的PaintDrawable换成BitmapDrawable即可实现简单的图片合成。