在XML中为layout设置阴影

XML 2020-06-16

1.写在前面

因为有这个需求，所以搜很多资料，也看到了很多方法为layout添加阴影但是最好的方法我感觉是如下两个
github地址，项目中使用
 github地址，并没有用它
我使用的是第一个，原因主要两天：1.使用说明详细 2.star比第二个多很多。但是比较蛋疼的是这个使用指南全是英文，所以一些添加阴影的属性不知道什么意思。所以我写了个demo测试了下这些属性。所以写这个博客主要是熟悉这些属性的含义还有希望帮到有同样需求的人。

2.干货

<declare-styleable name="ShadowLayout">
    <attr name="sl_cornerRadius" format="dimension"/>
    <attr name="sl_shadowRadius" format="dimension"/>
    <attr name="sl_shadowColor" format="color"/>
    <attr name="sl_dx" format="dimension"/>
    <attr name="sl_dy" format="dimension"/>
</declare-styleable>

这个库的自定义属性就这几个，一个个来看
首先上demo的xml，不含阴影的，很简单就是个relativelayout

<RelativeLayout  android:background="@color/colorAccent" android:layout_width="match_parent" android:layout_height="80dp" >
        </RelativeLayout>

现在为这个layout添加阴影，代码如下

<com.dd.ShadowLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

                <RelativeLayout
                    android:background="@color/colorAccent"
                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    >
                </RelativeLayout>

        </com.dd.ShadowLayout>

运行后如下

可以看出来虽然我什么属性都没加，就是用这个控件包括，就已经添加好了阴影，说明设置了默认的阴影颜色和其他距离。并且仔细看可知这个阴影是四周都加了，因为这个有颜色的布局左右缩进了所以已经带了阴影了。这上下两条边就不用说了明显带了阴影了。

现在一个个设置属性，为这个控件添加如下属性

app:sl_shadowColor="@color/colorPrimary"

这个其实很明显是个设置阴影的颜色。至于我添加的这个颜色就是生成项目自带的那个蓝色横条actionbar颜色。然后运行发现如下

可以看到虽然上下左右都缩进了，但是并没有阴影的效果。然后看了下发现这个颜色并没有带上透明度，现在我对这个颜色修改下，颜色不变但是透明度设置50%，如下

app:sl_shadowColor="#803F51B5"

注意这里为什么将颜色抽出来，没有引用，因为 theme colorPrimary 不能使用带有alpha的颜色值，不然会报错。这不是重点。只要知道这个colorPrimary颜色就是#3F51B5就行了

嗯又带阴影了但是可以发现这颜色并没有什么用起作用的还是透明度因为不管什么颜色红色黑色蓝色透明度为50%都是这样的。

这个测试完了，我将颜色修改成这个库使用指南中的颜色测试第二个属性，在添加如下