您的位置:首页 > Web前端 > CSS

selector和shape,实现button上既有样式,也有背景

2016-07-26 13:56 405 查看
<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<!-- 获得焦点但未按下时的背景图片 -->

<item android:state_enabled="true" android:state_focused="true" android:state_pressed="false">

<shape>

<stroke android:width="1dp" android:color="@color/colorbaise" />

<!--corners主要是设置我们所画图形四个角的半径 radius:四角半径 bottomLeftRadius:左下角半径,

14 bottomRightRadius:右下角半径,topLeftRadius:左上角半径,topRightRadius:右上角半径-->

<corners android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" />

<gradient android:startColor="@color/colorbaise" android:endColor="@color/colorbaise"/>

</shape>

</item>

<!-- 按下时的背景图片 -->

<item android:state_enabled="true" android:state_pressed="true">

<shape>

<stroke android:width="1dp" android:color="@color/colorbaise" />

<!--corners主要是设置我们所画图形四个角的半径 radius:四角半径 bottomLeftRadius:左下角半径,

14 bottomRightRadius:右下角半径,topLeftRadius:左上角半径,topRightRadius:右上角半径-->

<corners android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" />

<gradient android:startColor="@color/colorbaise" android:endColor="@color/colorbaise"/>

</shape>

</item>

<!-- 按下时的背景图片 -->

<item android:state_checked="true" android:state_enabled="true">

<shape>

<stroke android:width="1dp" android:color="@color/colorbaise" />

<!--corners主要是设置我们所画图形四个角的半径 radius:四角半径 bottomLeftRadius:左下角半径,

14 bottomRightRadius:右下角半径,topLeftRadius:左上角半径,topRightRadius:右上角半径-->

<corners android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" />

<gradient android:startColor="@color/colorbaise" android:endColor="@color/colorbaise"/>

</shape>

</item>

<!-- 默认时的背景图片 -->

<item>

<shape>

<stroke android:width="1dp" android:color="@color/colorbaise" />

<!--corners主要是设置我们所画图形四个角的半径 radius:四角半径 bottomLeftRadius:左下角半径,

14 bottomRightRadius:右下角半径,topLeftRadius:左上角半径,topRightRadius:右上角半径-->

<corners android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" />

</shape>

</item>

<!-- -->

</selector>
注意点就是:在<item></item>标签中的背景android:drawable,删除,这个才有用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  UI button