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>
效果图: