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><!--渐变颜色--><gradientandroid:angle="270"android:endColor="#0F000000"android:startColor="#0F000000" /><!--圆角度--><corners android:radius="10dp" /></shape></item><!--表层 四个边需要有间隔才能看出阴影效果--><itemandroid: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>
效果图: