LayerDrawable层叠样式layer-list

最新推荐文章于 2016-12-21 10:13:24 发布

gundumw100

最新推荐文章于 2016-12-21 10:13:24 发布

阅读量225

点赞数

分类专栏： android动画&效果文章标签： Android Java XML

本文链接：https://blog.csdn.net/gundumw100/article/details/83816844

版权

android动画&效果专栏收录该内容

68 篇文章 0 订阅

订阅专栏

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


<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />
    <item android:drawable="@drawable/logo_overlay" />
</layer-list>

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


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

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

在代码中实现：


Resources resources = getResources(); 
Drawable[] layers = new Drawable[2]; 
layers[0] = r.getDrawable(R.drawable.white); 
layers[1] = r.getDrawable(R.drawable.logo_overlay); 
LayerDrawable layerDrawable = new LayerDrawable(layers)
((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable);

举个例子：


<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="#ffe9eaef" />
    </item>
    <item>
        <bitmap android:gravity="right" android:src="@drawable/arrow" android:tileMode="disabled" />
    </item>
</layer-list>

效果就是左边列表的选中效果
[img]http://dl2.iteye.com/upload/attachment/0108/8735/f30fe36c-3f14-319f-b843-85c2e3c5f455.png[/img]

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

[img]http://dl.iteye.com/upload/attachment/412645/c2e965d9-3db8-3126-a131-6be5028e8fb0.png[/img]

首先创建一个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" [color=red]android:background="@drawable/login_head"[/color]
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即可实现简单的图片合成。

再来一个例子：
[color=red]通过solid来定义不同边框的颜色，可以只定义一个边框的颜色[/color]
以下是设置按钮的右边框和底边框颜色为红色，边框大小为3dp，如下图：

[img]http://dl.iteye.com/upload/attachment/0072/4297/aea021e0-bf2c-33e6-a475-5513639ebde6.jpg[/img]
在drawable新建一个 buttonstyle.xml的文件，内容如下：


<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<!-- 连框颜色值 -->
<item> 
      <shape> 
            <solid android:color="#ff0000" /> 
      </shape> 
</item> 
<!-- 主体背景颜色值 -->
<item android:bottom="3dp" android:right="3dp"> 
     <shape> 
           <solid android:color="#ffffff" />

           <padding android:bottom="10dp"
           		android:left="10dp"
           		android:right="10dp"
           		android:top="10dp" />
     </shape>     
</item>
</layer-list>

然后在布局文件里面的Button里面设置如下：


<Button
   android:id="@+id/button1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="Button1"
   android:background="@drawable/buttonstyle" />

玩转Android之Drawable的使用
[url]http://blog.csdn.net/u012702547/article/details/51594131[/url]