Android

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>

2、