LayerDrawable层叠样式layer-list

客官°小女子只卖身不卖艺 2022-06-13 11:37 150阅读 0赞

原文：[http://gundumw100.iteye.com/blog/896923][http_gundumw100.iteye.com_blog_896923]

layer-list可以将多个图片按照顺序层叠起来。   
语法：在drawalbe/drawable-layer.xml中

Java代码   ![收藏代码][icon_star.png]

1.  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
2.      <item android:drawable="@android:color/white" />  
3.      <item android:drawable="@drawable/logo\_overlay" />  
4.  </layer-list>

使用方式像其他图片一样：   
如在样式中引用：

Java代码   ![收藏代码][icon_star.png]

1.  <resources>  
2.      <style name="LookupTheme" parent="@android:style/Theme.Light.NoTitleBar">  
3.          <item name="android:windowBackground">@drawable/drawable-layer</item>  
4.      </style>  
5.  </resources>

在java代码中引用：   
((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)   
  
在代码中实现：

Java代码   ![收藏代码][icon_star.png]

1.  Resources resources = getResources();   
2.  Drawable\[\] layers = **new** Drawable\[2\];   
3.  layers\[0\] = r.getDrawable(R.drawable.white);   
4.  layers\[1\] = r.getDrawable(R.drawable.logo\_overlay);   
5.  LayerDrawable layerDrawable = **new** LayerDrawable(layers)  
6.  ((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable);

再举一个例子：   
要用2张图片叠加起来，看上去形成一张图片   
  
![c2e965d9-3db8-3126-a131-6be5028e8fb0.png][]    
  
首先创建一个drawalbe/login\_head.xml的文件，内容如下：

Xml代码   ![收藏代码][icon_star.png]

1.  **<?****xml** version="1.0" encoding="UTF-8"**?>**  
2.  **<****layer-list**  
3.    xmlns:android="http://schemas.android.com/apk/res/android"**>**  
4.      **<****item** android:id="@+id/user\_faceback\_drawable" android:drawable="@drawable/faceback" **/>**  
5.      **<****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" **/>**  
6.  **</****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顾名思义就是层图形对象。下面直接用一个简单的代码表示:

Java代码   ![收藏代码][icon_star.png]

1.  Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);    
2.      Drawable\[\] array = **new** Drawable\[3\];    
3.       array\[0\] = **new** PaintDrawable(Color.BLACK); //黑色    
4.       array\[1\] = **new** PaintDrawable(Color.WHITE); //白色       
5.       array\[2\] = **new** BitmapDrawable(bm); //位图资源            
6.      LayerDrawable ld = **new** LayerDrawable(array); //参数为上面的Drawable数组    
7.      ld.setLayerInset(1, 1, 1, 1, 1);  //第一个参数1代表数组的第二个元素，为白色    
8.      ld.setLayerInset(2, 2, 2, 2, 2); //第一个参数2代表数组的第三个元素，为位图资源    
9.      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即可实现简单的图片合成。

[http_gundumw100.iteye.com_blog_896923]: http://gundumw100.iteye.com/blog/896923
[icon_star.png]: /images/20220613/d7dbc504a02943b0a53afd2ffeba9ab1.png
[c2e965d9-3db8-3126-a131-6be5028e8fb0.png]: /images/20220613/99d4a87236ea4f16911575d3faabb838.png