OscarChang

step to farther

Android - Selector通过资源文件配置UI属性大全

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、

阅读更多
版权声明:目前博客大部分内容,均为从其他地方搬运来的,文中有注释,若需转载,也请注明 https://blog.csdn.net/cuitzyt/article/details/77970584
文章标签: android ui
个人分类: Android
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭