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>

上面的代碼實現了一個帶投影的視圖，通過將灰色漸變矩形下移一點，並在其下添加一個黑色陰影矩形，再通過漸變實現投影的效果。

六、總結

本文詳細介紹了Android中的Layer-List，包括如何創建和使用Layer-List，如何自定義形狀，如何使用漸變和如何創建投影效果。通過Layer-List的靈活使用，可以實現很多有趣的效果，為用戶界面的設計帶來更多的可能性。