最近项目要求，ui有很多有关于阴影的设计要求，网上找了些实现方式，但都不是很理想。现在闲下来了，就寻思着自己写个阴影布局耍耍，以备后用。先说道说道我找到的几种阴影实现方式:

系统阴影

Andorid 系统自api 21之后就多了一个熟悉 android:elevation ，这是android最新引入的轴的概念，可通过设置elevation来设置阴影(z轴的大小)，设置如下:

<!-- base z depth of the view. -->
  <attr name="elevation" format="dimension" />

  <TextView
        android:id="@+id/shadow1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginStart="20dp"
        android:layout_marginTop="20dp"
        android:text="系统阴影"
        android:background="#fff"
        android:gravity="center"
        android:textSize="14sp"
        android:textColor="@color/colorBlack"
        android:layout_width="100dp"
        android:elevation="3dp"
        android:layout_height="80dp"/>

 

 

效果也是不错，可以完成一些简单的阴影设置效果。

但需要注意些细节，不然 elevation 可能会无效：

• 父布局要保留足够的空间，elevation本身不占有view的大小
• 需要设置背景色且不可设置为透明色
• 不能设置是否为扩散的还是指定方向的

layer-list 伪阴影

为什么说是伪阴影呢，layer-list本身很强大，器支持的层叠式绘制基本可以解决我们大多说的背景设计，对于一些要求不是很严格的阴影用它也不是不可以，但效果是真的不好，毕竟shape提供的层叠()并不支持模糊绘制(或者可以选择使用模糊背景图片绘制)。下面给一个用layer-list绘制的阴影做参考。

<TextView
    android:id="@+id/shadow2"
    app:layout_constraintStart_toEndOf="@id/shadow1"
    app:layout_constraintTop_toTopOf="parent"
    android:layout_marginStart="50dp"
    android:layout_marginTop="20dp"
    android:text="layer-list阴影"
    android:gravity="center"
    android:background="@drawable/shadow_layer"
    android:textSize="14sp"
    android:textColor="@color/colorBlack"
    android:layout_width="100dp"
    android:layout_height="80dp"/>



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

    <item android:top="3dp"
        android:left="3dp">
        <shape android:shape="rectangle">
            <solid android:color="#333333"/>
            <gradient android:startColor="#80ff0000"
                android:type="radial"
                android:centerX="0.5"
                android:centerY="0.5"
                android:gradientRadius="30"
                android:endColor="#10ff0000"/>
            <size android:width="100dp" android:height="80dp"/>
        </shape>
    </item>

    <item android:bottom="3dp"
        android:right="3dp">
        <shape android:shape="rectangle">
            <solid android:color="#fff"/>
            <size android:width="100dp" android:height="80dp"/>
        </shape>
    </item>

</layer-list>

 

效果比较生硬，其本质就是颜色的渐变，如下:

还有如让ui切阴影背景图，但由于控件大小规格差异较大，风格差异较大，并不推荐使用。

自定义阴影布局

这是我比较推荐的方式,可参考CardView的阴影实现自定义一个阴影布局实现。其实现是通过 setShadowLayer、se