Android 背景色加阴影实现

记录一下背景阴影实现,每次调色太麻烦

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

    <!--第1层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#0DF9F9F9" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>
    <!--第2层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#10F7F7F7" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>
    <!--第3层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#20F6F6F6" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>
    <!--第4层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#30F5F5F5" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>

    <!--第5层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#40F4F4F4" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>
    <!--第6层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#50F3F3F3" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>
    <!--第7层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#60F2F2F2" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>

    <!--第8层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#70F1F1F1" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>

    <!--第9层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#80EFEFEF" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>

    <!--第10层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#90EEEEEE" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>

    <!--第11层阴影-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="#A0ECECEC" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>

    <!--第12层前景-->
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_1"
                android:left="@dimen/dp_1"
                android:right="@dimen/dp_1" />
            <solid android:color="@android:color/white" />
            <corners
                android:bottomLeftRadius="@dimen/dp_5"
                android:bottomRightRadius="@dimen/dp_5" />
        </shape>
    </item>
</layer-list>

需要注意的是,本身会占有padding

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值