Android Layer-List：多层Drawable列表详解

一、介绍

Android中的Drawable是用于绘制各种用户界面元素的抽象概念。Drawable有很多种类型，其中Layer-List是一种由多个Drawable组成的列表，可以用于创建复合Drawable对象。在开发中，Layer-List可以用于实现很多有趣的效果，如渐变、描边、投影等。

二、创建Layer-List

要创建一个Layer-List，需要在XML文件中定义一个 <layer-list> 标签，并将多个子Drawable加入其中。每个子Drawable都可以使用 <item> 标签定义，如下所示：

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

上面的代码创建了一个包含三个颜色的Layer-List，按照定义顺序依次绘制三个矩形。要使用这个Layer-List，只需将其设置为View或其他Drawable对象的背景即可：

view.setBackground(R.drawable.layer_list);

三、自定义形状

除了简单的颜色以外，Layer-List还可以包含其他形状的Drawable。例如，可以使用 <shape> 标签创建一个圆形，然后将其与其他子Drawable组合在一起，从而创建一个具有圆形背景色的Button：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/red" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white" />
            <stroke android:width="1dp" android:color="@color/red" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp"
            />
            <corners android:radius="4dp" />
        </shape>
    </item>
</layer-list>

上面的代码将一个红色的实心圆和一个白色带红色描边和圆角的矩形组合在一起，从而创建了一个圆角Button。同样的方式还可以创建很多其他的自定义形状。

四、使用渐变

Layer-List还可以包含各种类型的渐变，包括线性渐变、径向渐变和扫描渐变。例如，可以使用 <gradient> 标签创建一个红到黄的线性渐变背景：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:startColor="@color/red"
                android:endColor="@color/yellow"
                android:angle="0" />
        </shape>
    </item>
    <item>
        <bitmap android:src="@drawable/ic_sun" />
    </item>
</layer-list>

上面的代码创建了一个从红色到黄色的线性渐变，然后将其作为第一个子Drawable，再加入一个Sun图片作为第二个子Drawable。这样可以创建一个具有渐变背景和图片前景的视图。

五、创建投影效果

使用Layer-List还可以模拟投影效果，即在视图底部添加一条模拟阴影。要实现这个效果，可以使用 <shape> 标签创建一个带有灰色渐变背景的矩形，并将其下移一段距离，从而模拟出投影效果：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:startColor="@color/gray1"
                android:endColor="@color/gray2"
                android:type="linear"
                android:angle="90" />
        </shape>
    </item>
    <item
        android:top="1dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/black" />
            <padding
                android:top="1dp"
                android:left="1dp"
                android:right="1dp" />
            <corners
                android:bottomLeftRadius="2dp"
                android:bottomRightRadius="2dp" />
            <gradient
                android:startColor="#FFFFFFFF"
                android:centerColor="#80FFFFFF"
                android:endColor="#00FFFFFF"
                android:centerY="0.75"
                android:type="linear"
                android:angle="90" />
        </shape>
    </item>
</layer-list>

上面的代码实现了一个带投影的视图，通过将灰色渐变矩形下移一点，并在其下添加一个黑色阴影矩形，再通过渐变实现投影的效果。