android 使用layer-list

layer-list

　　layer-list ，layer，层，层次。list，列表。根据字面意思，我们大概能够理解到：在layer-list里面可以放很多item，每一个item之间会一层一层的叠放。

　　废话不多说，来几个实例就懂了。

（1）简单的图片层叠

 

1. 编写客户端代码

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world"
        android:background="@drawable/floor_drawable" />

</RelativeLayout>

 　　客户端主要定义了一个ImageView，其它什么也没有。

2. 定义layer-list

在定义layer-list之前，我们首先需要两张图片

　　　  +　　　     =  

img_lev1.jpg              img_lev0.jpg

下面是代码：

my_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@+id/user_face_drawable"
        android:drawable="@drawable/img_lev0">
    </item>
    <item
        android:id="@+id/user_faceback_drawable"
        android:bottom="35.0dip"
        android:drawable="@drawable/img_lev1"
        android:left="10.0dip"
        android:right="25.0dip"
        android:top="18.0dip">
    </item>

</layer-list>

在layer-list中，定义了两个item，我们可以为每一个item指定id和drawable，其中left，right，top，bottom这四个属性决定了item的大小和位置。

（2）用layer-list定义阴影效果

效果图

客户端代码

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:layout_margin="5dp"
        android:text="@string/text"
        android:lineSpacingMultiplier="1.3"
        android:background="@drawable/my_drawable" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:layout_margin="5dp"
        android:text="@string/text"
        android:lineSpacingMultiplier="1.3"
        android:background="@drawable/my_drawable" />

</LinearLayout>

my_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <!-- 阴影部分 -->
    <!-- 个人觉得更形象的表达：top代表下边的阴影高度，left代表右边的阴影宽度。其实也就是相对应的offset，solid中的颜色是阴影的颜色，也可以设置角度等等 -->
    <item
        android:left="2dp"
        android:top="2dp">
        <shape android:shape="rectangle" >
 
            <gradient
                android:angle="270"
                android:endColor="#CC000000"
                android:startColor="#33333300" />
 
            <corners
                android:bottomLeftRadius="6dip"
                android:bottomRightRadius="6dip"
                android:topLeftRadius="6dip"
                android:topRightRadius="6dip" />
        </shape>
    </item>
 
    <!-- 背景部分 -->
    <!-- 形象的表达：bottom代表背景部分在上边缘超出阴影的高度，right代表背景部分在左边超出阴影的宽度（相对应的offset） -->
    <item
        android:bottom="3dp"
        android:right="3dp">
        <shape android:shape="rectangle" >
 
            <gradient
                android:angle="270"
                android:endColor="#BBBBBB"
                android:startColor="#FFFFFF" />
 
            <corners
                android:bottomLeftRadius="6dip"
                android:bottomRightRadius="6dip"
                android:topLeftRadius="6dip"
                android:topRightRadius="6dip" />
        </shape>
    </item>
 
</layer-list>