Android Drawable Resource学习（四）、LayerDrawable-中国银行淘宝信用卡-程序博客网

文件位置：

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

编译数据类型：

指向LayerDrawable的指针

资源引用

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

元素：

<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，图片就会自动缩放以适应视图的大小。

<span class="tag"><item</span><span class="pln"> </span><span class="atn">android:drawable</span><span class="pun">=</span><span class="atv">"@drawable/image"</span><span class="pln"> </span><span class="tag">/></span>

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

<span class="tag"><item></span><span class="pln">  </span><span class="tag"><bitmap</span><span class="pln"> </span><span class="atn">android:src</span><span class="pun">=</span><span class="atv">"</span><strong>@drawable/image</strong><span class="atv">"</span><span class="pln">          </span><span class="atn">android:gravity</span><span class="pun">=</span><span class="atv">"center"</span><span class="pln"> </span><span class="tag">/></span><span class="pln"></span><span class="tag"></item></span>

<span class="pun"></span><?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/black_lotus"        android:left="20dp"        android:top="20dp">    </item>    <item android:drawable="@drawable/black_lotus"        android:left="40dp"        android:top="40dp">    </item>    <item android:drawable="@drawable/black_lotus"        android:left="60dp"        android:top="60dp">    </item></layer-list><span class="tag"></span>

<span class="tag"><ImageView</span><span class="pln">    </span><span class="atn">android:layout_height</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">    </span><span class="atn">android:layout_width</span><span class="pun">=</span><span class="atv">"wrap_content"</span><span class="pln">    </span><span class="atn">android:src</span><span class="pun">=</span><span class="atv">"@drawable/layers"</span><span class="pln"> </span><span class="tag">/></span>

[java] view plaincopy
@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);  
    }  

[java] view plaincopy
<ImageView   
        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中显示：
<ImageView android:id="@+id/faceImg" 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即可实现简单的图片合成。

Android Drawable Resource学习（四）、LayerDrawable

一、创建LayerDrawable和使用