在了解layer-list 之前需要知道shape 如果不清楚可以看shape 介紹

shape 畫的背景圖 都是單一的一個，有時候遇到二個的，這個時候就需要使用layer-list

layer-list 里面的各個item 都是重疊的，我們可以使用left ，right ，top，bottom 使得重疊錯開，

?

下面呢先畫一個多圓環重疊的圖像

代碼如下

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item><shape android:shape="oval"><strokeandroid:width="1dp"android:color="@color/colorAccent"/><sizeandroid:width="200dp"android:height="200dp" /></shape></item><item android:bottom="5dp" android:right="5dp"><shape android:shape="oval"><strokeandroid:width="1dp"android:color="@color/colorAccent"/><sizeandroid:width="200dp"android:height="200dp" /></shape></item><item android:top="10dp" android:bottom="10dp"><shape android:shape="oval"><strokeandroid:width="1dp"android:color="@color/colorAccent"/><sizeandroid:width="200dp"android:height="200dp" /></shape></item><item android:left="10dp" android:right="10dp"><shape android:shape="oval"><strokeandroid:width="1dp"android:color="@color/colorAccent"/><sizeandroid:width="200dp"android:height="200dp" /></shape></item></layer-list>

可以使用重疊的效果錯位來實現陰影效果

效果圖

代碼

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:left="5dp"android:top="5dp"><shape><solid android:color="#b4b5b6" /><sizeandroid:width="200dp"android:height="40dp" /></shape></item><itemandroid:bottom="5dp"android:right="5dp"><shape><solid android:color="#fff" /><sizeandroid:width="200dp"android:height="40dp" /></shape></item></layer-list>

畫同心圓 這個也是2個item 重疊在一起的效果

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item><shape android:shape="oval"><solid android:color="#ffffff" /><strokeandroid:width="10dp"android:color="@color/colorAccent" /><sizeandroid:width="200dp"android:height="200dp" /></shape></item><itemandroid:bottom="50dp"android:left="50dp"android:right="50dp"android:top="50dp"><shape android:shape="oval"><solid android:color="@color/colorAccent" /><sizeandroid:width="50dp"android:height="50dp" /></shape></item>
</layer-list>

?

?

?

總結

以上是生活随笔為你收集整理的Android layer-list 使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。