点击按钮切换图片
来源:互联网 发布:有没有连环画软件 编辑:程序博客网 时间:2024/05/01 20:47
Android_UI_点击按钮切换背景效果实现
实现按钮按下和释放,按钮背景图片相应切换效果的方法这里介绍两种,一种是在代码里实现,另一种是在xml文件里实现
一、在xml文件里
首先现在layout的一个xml文件下定义Button如下所示:
- <Button
- android:id="@+id/btn_user_selected"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:background="@drawable/btn_selected/>
注意代码里的android:background="@drawable/btn_selected ",这里 btn_selected是drawable文件下定义button按下释放效果的xml文件
接下来看btn_selected.xml文件的定义:
- <?xml version="1.0" encoding="utf-8"?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android" >
- <!-- 获得焦点但未按下时的背景图片 -->
- <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/user_selecte_n" />
- <!-- 按下时的背景图片 -->
- <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/user_selecte_p" />
- <!-- 按下时的背景图片 -->
- <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/user_selecte_p" />
- <!-- 默认时的背景图片 -->
- <item android:drawable="@drawable/user_selecte_n" />
- </selector>
创建xml:点击drawable文件夹右键-->new-->Android XML File-->在File栏里填写xml名称-->Root Element下选择xml的背景选择器selector-->点击finish-->创建成功
相关属性:
android:state_selected :选中
android:state_focused :获得焦点
android:state_pressed :点击
android:state_enabled :设置是否响应事件,指所有事件
selector背景选择器用法大全请跳转到:点击打开链接
二、在java代码里
- bottomReturnBtn.setOnTouchListener(new OnTouchListener() {
- public boolean onTouch(View v, MotionEvent event) {
- Button upStepBtn = (Button) v;
- if(event.getAction() == MotionEvent.ACTION_DOWN){
- upStepBtn.setBackgroundResource(R.drawable.bottom_sub_order_btn);
- }else if(event.getAction() == MotionEvent.ACTION_UP){
- upStepBtn.setBackgroundResource(R.drawable.bottom_return_check);
- finish();
- }
- return false;
- }
- });
通过监听按钮的不同状态来更改按钮的背景图片
public boolean onTouch(View v,MotionEvent event){
}
参数v:事件源对象
参数event:事件封装类的对象,其中封装了触发事件的详细信息,同样包括事件的类型、触发时间等信息。
event.getAction() == MotionEvent.ACTION_DOWN ======>按钮被按下
event.getAction() == MotionEvent.ACTION_UP ======>按钮被释放- 点击按钮切换图片
- 点击按钮切换图片
- 点击按钮切换图片
- 点击按钮切换图片
- flex 点击按钮图片切换
- 点击按钮后切换图片
- Cocos2d-x 按钮点击切换按钮图片
- 点击UIButton按钮,按钮切换不同图片
- Android ImageSwitcher 图片切换 按钮点击切换
- js中点击按钮切换图片
- Android 图片实现按钮点击切换效果
- Android 图片实现按钮点击切换效果
- 点击按钮实现图片的切换
- Android 按钮点击切换颜色或者图片
- XML自定义按钮样子-点击切换图片
- 安卓图片按钮点击切换
- 点击某个按钮切换图片(按钮颜色跟着改变)
- JS实现点击按钮图片左右切换、点击图片按钮出现下拉菜单
- hdu5233 Gunner II
- CF 549D. Haar Features(神奇,不知道怎么推出来的)
- quick-cocos2d-x如何在mac下编译安卓版本
- 第七章
- 使用Unversial-image-loader来异步加载网络图片和本地图片(二)完结篇
- 点击按钮切换图片
- 关于mexfuntion超级好的输入输出总结
- 第3题
- vs2010中添加qt的对话框
- STL学习笔记之迭代器--iterator(源码剖析)
- ASM(一) 利用Core API 解析和生成字节码
- Merge Two Sorted Lists
- android分辨率
- 【Treap】[BZOJ 1208]宠物收养所