selector+shape 与 layer-list+shape的一些使用效果

selector+shape 实现一个 圆角按钮 且 有可点击与不可点击状态：

★注意★： selector的item是按照从上到下的匹配原则来改变状态的，一旦匹配到某个item的状态，就不会继续往下匹配了；
如果不按照这个匹配规则来的话，会出现设置的item无效的状况。

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

    <item android:state_enabled="false"> 按钮状态：不可用
        <shape android:shape="rectangle">不可用时的shape
            <solid android:color="@color/base_red_false" />
            <corners android:radius="30dp" />
        </shape>
    </item>
    
    <item android:state_pressed="true"> 按钮状态：按下
        <shape android:shape="rectangle">按下时的shape
            <solid android:color="@color/base_red_false" />
            <corners android:radius="25dp" />
        </shape>
    </item>
    
    <item android:state_pressed="false"> 按钮状态：没按下
        <shape android:shape="rectangle">没按下且没处于不可用状态下的shape
            <solid android:color="@color/base_red_true" />
            <corners android:radius="30dp" />
        </shape>
    </item>
    
</selector>

效果：

layer-list 来实现View的某一个边的描边：

为什么使用layer-list： 通过shape给View设置描边的话，View每个边都会设置上描边，如果我们想单独给View的某一个边设置描边，其他边不设置，就需要用的layer-list了。

使用： layer-list就像FrameLayout，先设置的item会在最低部，后设置的item可以通过：top、bottom、left、right来设置自己的偏移量，自己偏移后就可以把下面的item露出来，就能实现给View的指定一边加上描边了！

下方代码中的白色item： 通过bottom使自己相对于底部的距离增加到100dp，这样位于它下方的灰色item就把底部露出来了100dp，这样就有了一个下边是100dp宽度的描边；

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item> 灰色的item
        <shape android:shape="rectangle">
            <solid android:color="@color/base_gray" />
        </shape>
    </item>
    <item android:bottom="100dp"> 白色的item 
        <shape android:shape="rectangle">
            <solid android:color="@color/base_white"/>
        </shape>
    </item>
</layer-list>

效果图：

layer-list 来实现View的阴影效果：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--阴影层-->
    <item>
        <shape>
            <!--渐变颜色-->
            <gradient
                android:angle="270"
                android:endColor="#0F000000"
                android:startColor="#0F000000" />
            <!--圆角度-->
            <corners android:radius="10dp" />
        </shape>
    </item>


    <!--表层 四个边需要有间隔才能看出阴影效果-->
    <item
        android:bottom="3dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp">
        <shape>
             <!--表层颜色-->
            <solid android:color="@color/white" />

            <!--圆角度需要与上面的阴影一样-->
            <corners android:radius="10dp" />
        </shape>
    </item>
</layer-list>

效果图：