一、创建LayerDrawable和使用
一个LayerDrawable是一个可以管理一组drawable对象的drawable。在LayerDrawable的drawable资源按照列表的顺序绘制,列表的最后一个drawable绘制在最上层。
它所包含的一组drawable资源用多个<item>元素表示,一个<item>元素代表一个drawable资源。
-
文件位置:
-
res/drawable/filename.xml
文件名最为资源ID
编译数据类型:
-
指向LayerDrawable的指针
资源引用
-
In Java:
R.drawable.filename
In XML:@[package:]drawable/filename
语法:
- <?xml version="1.0" encoding="utf-8"?>
- <layer-list
- 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" />
- </layer-list>
-
元素:
例子:在xml文件中定义layerDrawable,然后使用
-
<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>
在代码中定义然后使用
- @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);
- }
- <ImageView
- android:id="@+id/imgView"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"/>
- <?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>
- 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);
再举一个例子:
要用2张图片叠加起来,看上去形成一张图片
首先创建一个drawalbe/login_head.xml的文件,内容如下:
然后就可以使用这个组合的图片了,比如在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顾名思义就是层图形对象。下面直接用一个简单的代码表示:
上面的方法中LayerDrawable是关键,Android开发网提示setLayerInset方法原型为public void setLayerInset (int index, int l, int t, int r, int b) 其中第一个参数为层的索引号,后面的四个参数分别为left、top、right和bottom。对于简单的图片合成我们可以将第一和第二层的PaintDrawable换成BitmapDrawable即可实现简单的图片合成。