Android中的图层样式layer-list的用法

要用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);

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

转自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/0707/1418.html

Android ,<layer-list> 标签用于创建一个图形层列表,可以在一个图形使用多个图层。每个图层可以指定颜色、形状、边框等属性,可以通过设置透明度来创建半透明效果。 <layer-list> 标签通常用于创建自定义的按钮、标签等 UI 控件,也可以用于创建渐变背景、圆形头像等效果。 以下是一个使用 <layer-list> 标签创建自定义按钮的示例: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <layer-list> <item> <shape android:shape="rectangle"> <corners android:radius="8dp" /> <solid android:color="#333333" /> </shape> </item> <item android:bottom="4dp"> <shape android:shape="rectangle"> <corners android:radius="8dp" /> <solid android:color="#555555" /> </shape> </item> </layer-list> </item> <item> <shape android:shape="rectangle"> <corners android:radius="8dp" /> <solid android:color="#444444" /> </shape> </item> </selector> ``` 该示例使用 <layer-list> 标签定义了两个图层,第一个图层为按钮的底部,使用矩形形状和圆角边框,填充颜色为 #333333;第二个图层为按钮的顶部,也使用矩形形状和圆角边框,填充颜色为 #555555,并设置了 bottom 属性为 4dp,使其相对于底部图层向上偏移 4dp。当按钮被按下时,会显示底部图层和顶部图层的组合,形成按下效果。未被按下时,只显示底部图层,形成普通状态的按钮。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值