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.还有很多其它的效果可以实现,这里不一一举例了!

猜你喜欢

转载自blog.csdn.net/xiaokang666/article/details/128010019