android selector设置button点击效果(具体)以及常见问题

时间:2023-11-25 11:05:38

button的点击效果学习起来其实比較easy,此点对开发人员来说也是使用的比較频繁的一个知识点,与它相关的还有编辑框的获取焦点时改变背景颜色、选择button选择时改变字体颜色等等。这些其实都是用到的drawable的seletor。

当然drawable中还有非常多其它效果能够实现,详细的能够參考笔者的还有一篇博客:

android改动控件外观(使用drawable资源)

效果:(不点击时显示白色,点击时显示灰色)

android  selector设置button点击效果(具体)以及常见问题

实现这个效果事实上非常easy,在drawable中创建一个xml文件,然后输入两行代码就可以解决。如图:

android  selector设置button点击效果(具体)以及常见问题

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

第一行表示点击时显示的图片,第二行表示初始状态显示的图片。

<?

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>

android  selector设置button点击效果(具体)以及常见问题

然后直接在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中设置了点击效果和初始状态效果时,点击却没有反应。错误效果以及代码例如以下:

android  selector设置button点击效果(具体)以及常见问题

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

android  selector设置button点击效果(具体)以及常见问题

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

读者能够发现。与正确的代码相比,后者仅仅是改变了两行代码的顺序。

这里就涉及到seletor选择图片的机制了。一旦选择到了合适的图片,那么就不会进行之后的推断了。

拿正确的代码举例来说,首先是推断button是否有被点击,假设没有,就不显示灰色,往下继续选择,然后就到了第二行,第二行提供的背景为白色,即显示白色。

在错误的代码中。第一行没有条件。即直接选择白色,跳出选择,就不会进行之后是否有被点击的推断,所以点击效果不会显示。

如笔者有的不清楚的地方,欢迎读者私信或者评论。

对drawable有兴趣的读者能够參考笔者的还有一篇博客:android改动控件外观(使用drawable资源)