drawable文件夹xml文件中的layer-list的使用

一.概念：

layer:层

list：列表

layer-list:图层列表

二.作用：

        可作用于shape这些无法绘制的叠加显示的效果，类似于FrameLayout的感觉，后面添加的图层可以覆盖在前面图层上，从而产生视觉上是一个图层显示出来的效果。

三.demo演示：

        话不多说，直接上demo：

1.实现视觉上的框线效果：

（1）xml文件：

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

    <!--    底部的shape-->
    <item>
        <shape>
            <solid android:color="#FFFF0000" />
        </shape>
    </item>

    <!--    上层的shape-->
    <!--    设置距离上、下、左、右分别2dp-->
    <item
        android:bottom="2dp"
        android:end="2dp"
        android:start="2dp"
        android:top="2dp">
        <shape>
            <solid android:color="#FF0000FF" />
        </shape>
    </item>

</layer-list>

（2）引入对应的xml文件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activity.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文字"
        android:textSize="40sp"
        android:background="@drawable/frame_line"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

（3）实现的效果：

        上下左右框线的颜色为红色，中间的区域的颜色为蓝色。

2.实现视觉上的阴影效果：

（1）xml文件：

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

    <!--    底部的shape-->
    <item
        android:start="4dp"
        android:top="8dp">
        <shape>
            <solid android:color="#B4B5B6" />
        </shape>
    </item>

    <!--    上层的shape-->
    <!--    设置距离下8dp、距离右边4dp-->
    <item
        android:bottom="8dp"
        android:end="4dp">
        <shape>
            <solid android:color="#FFFFFFFF" />
        </shape>
    </item>

</layer-list>

（2）引入xml文件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activity.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文字"
        android:textSize="40sp"
        android:background="@drawable/frame_line"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

（3）实现的效果：

 

3.还有很多其它的效果可以实现，这里不一一举例了！