一、目的效果
越好的用户体验来源更直接更明显的事件反馈。selector可以“预存”多种响应的反馈，主要以下多种状态有：
android:state_selected是选中
android:state_focused是获得焦点
android:state_pressed是点击
android:state_enabled是设置是否响应事件,指所有事件
设置不同状态的表现形式，则会在不同场景下有不同状态。如文字：被选中状态，未被选中状态。
selector的普通使用则是为对应单个控件添加以selector为背景的资源，则能达到目的。联合使用则是基本使用一种升级。在我们的导航栏中，常使用linearlayout或者relativelayout包含一个imageview和一个textview。图片用于直观观感，文字用于更清晰的描述。
在一个整体菜单被选中时，需要图片及文字都表现对应的状态。并为保证较大的事件响应范围，点击事件常赋予包含图片和文字的父控件。即：为linearlayout设置点击事件，imageview、textview表现对应的状态。
二、具体实现
文字的selector：res添加目录color，res/color/bg_tv_selector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="https://schemas.android.com/apk/res/android"> <item android:color="@color/red" android:state_pressed="true" /> <item android:color="@color/black" /> </selector>
图片的selector：bg_qq_iv_selector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="https://schemas.android.com/apk/res/android"> <item android:drawable="@mipmap/b_qq_pressed" android:state_pressed="true" /> <item android:drawable="@mipmap/b_qq" /> </selector>
使用shape为button的背景图，并设置selector：
bg_bt_drawable_normal.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="https://schemas.android.com/apk/res/android"> <corners android:radius="10dp" /> <stroke android:width="2dp" android:color="@color/black" /> </shape>
bg_bt_drawable_pressed.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="https://schemas.android.com/apk/res/android"> <corners android:radius="5dp" /> <stroke android:width="2dp" android:color="@color/blue" android:dashgap="10dp" /> <gradient android:centercolor="@color/red" android:endcolor="@color/green" /> </shape>
bg_bt_selector.xml:
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="https://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/bg_bt_drawable_pressed" android:state_pressed="true" /> <item android:drawable="@drawable/bg_bt_drawable_normal" /> </selector>
activity_main.xml中使用：
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.future.selectorlldemo.mainactivity"> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <linearlayout android:id="@+id/qq_ll" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@color/green" android:clickable="true" android:gravity="center" android:orientation="vertical"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/bg_qq_iv_selector" /> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="qq" android:textcolor="@color/bg_tv_selector" /> </linearlayout> <linearlayout android:id="@+id/weixin_ll" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@color/blue" android:clickable="true" android:gravity="center" android:orientation="vertical"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/bg_weixin_iv_selector" /> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="wechat" android:textcolor="@color/bg_tv_selector" /> </linearlayout> </linearlayout> <linearlayout android:id="@+id/text_button_ll" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <textview android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="文字和button" android:textcolor="@color/bg_tv_selector" /> <button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@drawable/bg_bt_selector" android:clickable="false" android:text="确认" /> </linearlayout> </linearlayout>
mainactivity.java中应用效果：
public class mainactivity extends appcompatactivity implements view.onclicklistener { /** * qq登录按钮 */ private linearlayout qqloginll; /** * 微信登录按钮 */ private linearlayout weixinloginll; /** * 文字和button一起 */ private linearlayout textbuttonll; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); qqloginll = (linearlayout) findviewbyid(r.id.qq_ll); weixinloginll = (linearlayout) findviewbyid(r.id.weixin_ll); textbuttonll = (linearlayout) findviewbyid(r.id.text_button_ll); qqloginll.setonclicklistener(this); weixinloginll.setonclicklistener(this); textbuttonll.setonclicklistener(this); } @override public void onclick(view v) { switch (v.getid()) { case r.id.qq_ll: toast.maketext(mainactivity.this, "你点击了qq登录区间", toast.length_short).show(); break; case r.id.weixin_ll: toast.maketext(mainactivity.this, "你点击了wechat登录区间", toast.length_short).show(); break; case r.id.text_button_ll: toast.maketext(mainactivity.this, "你点击了text_button区间", toast.length_short).show(); break; } } }
展示效果：
三、注意细节
1.默认状态放在selector的最后
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="https://schemas.android.com/apk/res/android"> <item android:drawable="@mipmap/b_qq" /> <item android:drawable="@mipmap/b_qq_pressed" android:state_pressed="true" /> </selector>
不能实现对应效果！！！
2.textview selector需要放置在 res/corlor目录下
3.button的点击事件优先级高于包含他的父控件，需要将他只为不可点击状态，才能保证状态的一致性。
以上就是android开发分享Android selector状态选择器的使用详解的全部内容，希望对大家的学习有所帮助，也希望大家多多支持<计算机技术网(www.ctvol.com)!!>。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/addevelopment/901180.html