button的点击效果学习起来事实上比较容易,此点对开发者来说也是使用的比较频繁的一个知识点,与它相关的还有编辑框的获取焦点时改变背景颜色、选择button选择时改变字体颜色等等。这些其实都是用到的drawable的seletor。
当然drawable中还有很多其他效果可以实现,具体的可以参考笔者的另一篇博客:
# [android修改控件外观(使用drawable资源)](http://blog.csdn.net/double2hao/article/details/50166275)
效果:(不点击时显示白色,点击时显示灰色)
![](https://box.kancloud.cn/2016-03-01_56d5568f79e35.jpg)
实现这个效果其实很简单,在drawable中创建一个xml文件,然后输入两行代码即可解决,如图:
![](https://box.kancloud.cn/2016-03-01_56d5568f9ba3c.jpg)
第一行表示点击时显示的图片,第二行表示初始状态显示的图片。
~~~
xml version="1.0" encoding="utf-8"?>
selector xmlns:android="http://schemas.android.com/apk/res/android">
item android:state_pressed="true" android:drawable="@android:color/darker_gray"/>
item android:drawable="@android:color/white"/>
selector>
~~~
![](https://box.kancloud.cn/2016-03-01_56d5568f9ba3c.jpg)
然后直接在button的background中设置这个xml文件即可,代码如下:
activity_main:
~~~
xml version="1.0" encoding="utf-8"?>
LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
>
Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="button测试"
android:background="@drawable/simple_button_style"
/>
LinearLayout>
~~~
**常见问题:**
在selector中设置了点击效果和初始状态效果时,点击却没有反应,错误效果以及代码如下:
![](https://box.kancloud.cn/2016-03-01_56d5568fb4299.jpg)
![](https://box.kancloud.cn/2016-03-01_56d5568fcef1a.jpg)
读者可以发现,与正确的代码相比,后者只是改变了两行代码的顺序。
这里就涉及到seletor选择图片的机制了。**一旦选择到了合适的图片,那么就不会进行之后的判断了。**
拿正确的代码举例来说,首先是判断button是否有被点击,如果没有,就不显示灰色,往下继续选择,然后就到了第二行,第二行提供的背景为白色,即显示白色。
在错误的代码中,第一行没有条件,即直接选择白色,跳出选择,就不会进行之后是否有被点击的判断,所以点击效果不会显示。
如笔者有的不清楚的地方,欢迎读者私信或者评论。对drawable有兴趣的读者可以参考笔者的另一篇博客:[android修改控件外观(使用drawable资源)](http://blog.csdn.net/double2hao/article/details/50166275)
- 前言
- android Nine-Patch的使用(制作聊天界面必学)
- android 图片文字轮播效果(图片和文字自动滚动)
- LinearLayout布局中如何让控件置底
- viewpager+将activity转化成view 做主界面(可点击可滑动,超容易理解的demo)
- android swipeRefreshLayout 下拉刷新 google官方组件
- android 自定义AlertDialog 与Activity相互传递数据
- android 简单地设置Activity界面的跳转动画
- android XML动画初步解析(activity界面之间跳转demo)
- android selector设置button点击效果(详细)以及常见问题
- android 用java动态设置布局(增添删除修改布局)