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,删除,这个才有用。
<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,删除,这个才有用。
相关文章推荐
- [转载]Activity中ConfigChanges属性的用法
- android之定时器AlarmManager
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- android上改变listView的选中颜色
- Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Winform消除button按下出现的虚线简单实现方法
- Android编程之Button控件用法实例分析
- Cocos2d-x UI开发之文本类使用实例
- 在ASP.NET 2.0中操作数据之四十五:DataList和Repeater里的自定义Button
- ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解
- 谈谈对jquery ui tabs 的理解
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- UI Events 用户界面事件
- 基于Bootstrap的UI扩展 StyleBootstrap
- jQuery UI结合Ajax创建可定制的Web界面
- jquery UI Datepicker时间控件的使用方法(基础版)
- ui组件之input多选下拉实现方法(带有搜索功能)
- Hallo.js基于jQuery UI所见即所得的Web编辑器