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