Android - Selector通过资源文件配置UI属性大全
本篇主要写如何通过资源文件,来配置不同的操作情形下,UI的表现:
1、CheckBox的资源配置
先列出两种不可行的案例:
(1)以下第一种方案,会造成的结果,是未选中的时候,CheckBox会消失
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 选中-聚焦 -->
<item android:drawable="@drawable/checked_select" android:state_checked="true" android:state_enabled="true" android:state_focused="true"></item>
<!-- 未选中-聚焦 -->
<item android:drawable="@drawable/unchecked_select" android:state_checked="false" android:state_enabled="true" android:state_focused="true"></item>
<!-- 已经选中-未聚焦 -->
<item android:drawable="@drawable/test" android:state_checked="true" android:state_enabled="true" android:state_window_focused="false"></item>
<!-- 未被选中 -未聚焦 -->
<item android:drawable="@drawable/test" android:state_checked="false" android:state_enabled="true" android:state_window_focused="false"></item>
</selector>
(2)以下这种方式,焦点在CheckBox上切换的时候,样式不会改变:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="false" android:state_checked="false" android:drawable="@drawable/unchecked"/>
<item android:state_selected="false" android:state_checked="true" android:drawable="@drawable/checked"/>
<item android:state_selected="true" android:state_checked="false" android:drawable="@drawable/unchecked_select"/>
<item android:state_selected="true" android:state_checked="true" android:drawable="@drawable/checked_select"/>
</selector>
(3)经过很久探索,最后发现能够在焦点选中,checked、以及不选时候几种样式之前UI切换的正确配置为
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 这里的样式是有优先级的 第一个item的优先级最高 依次往下推 -->
<!-- 选中且有焦点 -->
<item android:drawable="@drawable/checked_select" android:state_checked="true" android:state_focused="true"/>
<!-- 没有选中但是有焦点 -->
<item android:drawable="@drawable/checked" android:state_checked="false" android:state_focused="true"/>
<!-- 选中但没有焦点 -->
<item android:drawable="@drawable/unchecked" android:state_checked="true" android:state_focused="false"/>
<!-- 其他 -->
<item android:drawable="@drawable/unchecked_select"/>
</selector>