android使用shape画背景阴影、背景颜色渐变

最新推荐文章于 2024-06-20 02:05:13 发布

大白大白大白

最新推荐文章于 2024-06-20 02:05:13 发布

阅读量5.9k

点赞数

文章标签： android shape

本文链接：https://blog.csdn.net/qq_28026283/article/details/78548023

版权

文章主要做个人学习记录使用。

有时候为了增强用户体验感，会经常使用到一些特效，比如动画、背景阴影、背景颜色渐变……
不用图片，几行代码轻松搞定~

效果图：

效果图

渐变

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <gradient
        android:angle="-90"
        android:endColor="#FFCC33"
        android:startColor="#FFF"/>
</shape>

背景阴影

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

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#0a8c8c8c" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#0f898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#14898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#19898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#1e898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#23898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#28898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px"
                android:left="1px"
                android:right="1px"
                android:top="1px"  />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#2d898989" />

            <corners android:radius="10dp" />

            <padding android:bottom="2px" 
                android:left="1px"
                android:right="1px"
                android:top="1px" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <corners android:radius="10dp" />

            <solid android:color="#FFFFFF" />

            <padding
                android:bottom="10dp"
                android:left="10dp"
                android:right="10dp"
                android:top="10dp" />
        </shape>
    </item>

</layer-list>