点击button,button背景图片变化
2013-06-26 15:45
351 查看
1、设置背景渐变效果,在drawable目录下建buttonshape.xml文件,
内容为:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<gradient android:startColor="#01DFD7" android:endColor="#81F7F3"
android:angle="270"/>
<corners
android:bottomRightRadius="10dip"
android:bottomLeftRadius="1dip"
android:topLeftRadius="18dip"
android:topRightRadius="10dip"/>
</shape>
这里startColor是开始颜色,endColor是渐变结束颜色,默认是从上往下渐变,可以使用android:centerY调节,android:angle="270"设置角度。
corners设置边角的圆滑度。
设置点中的效果,在drawable目录下建buttonshape_down.xml文件,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:startColor="#F5F510" android:endColor="#F5F5B0"
android:angle="270" />
<corners android:bottomRightRadius="10dip"
android:bottomLeftRadius="1dip" android:topLeftRadius="18dip"
android:topRightRadius="10dip" />
</shape>
在res目录下新建文件夹xml,然后在xml目录下,新建selectshape.xml文件,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="false"
android:drawable="@drawable/buttonshape" />
<item
android:state_pressed="true"
android:drawable="@drawable/buttonshape_down" />
<item
android:drawable="@drawable/buttonshape" android:state_window_focused="false"/> 是否获得焦点状态
</selector>
设置了图片的触发状态,你可以设置 state_pressed,state_checked,state_pressed,state_selected,state_focused,state_enabled 等几个状态
state_pressed设置按钮状态,在main.xml文件中设置Button的属性:
<Button android:id="@+id/button_reimbursementrecords"
android:text="报销记录" android:layout_width="280px"
android:layout_height="80px" android:textSize="30px"
android:background="@xml/selcetshape" />
使用background设置按钮的背景色。
内容为:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<gradient android:startColor="#01DFD7" android:endColor="#81F7F3"
android:angle="270"/>
<corners
android:bottomRightRadius="10dip"
android:bottomLeftRadius="1dip"
android:topLeftRadius="18dip"
android:topRightRadius="10dip"/>
</shape>
这里startColor是开始颜色,endColor是渐变结束颜色,默认是从上往下渐变,可以使用android:centerY调节,android:angle="270"设置角度。
corners设置边角的圆滑度。
设置点中的效果,在drawable目录下建buttonshape_down.xml文件,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:startColor="#F5F510" android:endColor="#F5F5B0"
android:angle="270" />
<corners android:bottomRightRadius="10dip"
android:bottomLeftRadius="1dip" android:topLeftRadius="18dip"
android:topRightRadius="10dip" />
</shape>
在res目录下新建文件夹xml,然后在xml目录下,新建selectshape.xml文件,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="false"
android:drawable="@drawable/buttonshape" />
<item
android:state_pressed="true"
android:drawable="@drawable/buttonshape_down" />
<item
android:drawable="@drawable/buttonshape" android:state_window_focused="false"/> 是否获得焦点状态
</selector>
设置了图片的触发状态,你可以设置 state_pressed,state_checked,state_pressed,state_selected,state_focused,state_enabled 等几个状态
state_pressed设置按钮状态,在main.xml文件中设置Button的属性:
<Button android:id="@+id/button_reimbursementrecords"
android:text="报销记录" android:layout_width="280px"
android:layout_height="80px" android:textSize="30px"
android:background="@xml/selcetshape" />
使用background设置按钮的背景色。
相关文章推荐
- 点击button,button背景图片变化
- textview中点击效果实现,比如点击textview中实现图片和文字的颜色变化(类似于button)
- 关于button — 点击变换背景图片
- button设置点击更改背景图片
- WPF之路二: button添加背景图片点击后图片闪烁问题
- android Button 点击背景与文字颜色变化效果
- 初学ToggleButton 点击button,更换button背景图片;再次点击,恢复之前背景图
- ios:点击一个button不断切换背景图片
- iOS中点击button切换背景图片与点击切换背景颜色问题的解释
- Android控件在点击、选择时背景变化(button、listview)
- 点击Button选择切换背景图片设置
- Android Button按钮点击背景和文字变化
- button点击切换背景图片的问题
- andoid点击按钮(ImageButton)时改变按钮的背景图片 SelectorDemo
- ImageButton中使用透明背景图片
- 点击一个按钮后可以切换按钮的背景图片并执行不同的点击事件
- 修复IE 8 表单中的 button 元素点击时背景图像的CSS 问题
- Android Button点击效果(按钮背景变色、文字变色)
- 点击li标记中的<a>标记改变li背景图片怎样实现
- WPF学习笔记——为BUTTON添加背景图片