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

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

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

效果图：

渐变

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <gradient
        android:angle="-90"
        android:endColor="#FFCC33"
        android:startColor="#FFF"/>
shape>

背景阴影

<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>