整理一下关于xml资源文件,实际开发中经常会遇到按钮在点击,被选中,不能被点击等不同情况下,显示出不同的效果。
这里最简单直观的解决方案是利用xml资源文件定义。
下面这个资源文件是我用于TabPageIndicator的文件。对于不复杂的背景用layer-list比用图片更便于修改。
这个文件可以用于radiobutton 等一些有选中效果的控件
<?xml version="1.0" encoding="utf-8"?>
<!-- 用于tab indicator控件的背景 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true" android:state_selected="true">
<layer-list >
<item >
<shape android:shape="rectangle">
<solid android:color="@color/tab_select"/><!-- 选中情况下电击后下划线颜色 -->
</shape>
</item>
<item android:bottom="@dimen/tab_press">
<shape android:shape="rectangle">
<solid android:color="@color/tab_bg_press"/><!-- 选中情况下点击后颜色 -->
</shape>
</item>
</layer-list>
</item>
<item android:state_pressed="true" android:state_selected="false">
<layer-list >
<item >
<shape android:shape="rectangle">
<solid android:color="@color/tab_normal"/><!--未选中电击后下划线颜色 -->
</shape>
</item>
<item android:bottom="@dimen/tab_unpress">
<shape android:shape="rectangle">
<solid android:color="@color/tab_bg_press"/><!--未选中点击后颜色 -->
</shape>
</item>
</layer-list>
</item>
<item android:state_selected="true" android:state_pressed="false">
<layer-list >
<item >
<shape android:shape="rectangle">
<solid android:color="@color/tab_select"/><!-- 选择后下划线颜色 -->
</shape>
</item>
<item android:bottom="@dimen/tab_press">
<shape android:shape="rectangle">
<solid android:color="@color/tab_bg_normal"/><!-- 选择后下划线颜色 -->
</shape>
</item>
</layer-list>
</item>
<item >
<layer-list >
<item >
<shape android:shape="rectangle">
<solid android:color="@color/tab_normal"/><!-- 点击前下划线颜色 -->
</shape>
</item>
<item android:bottom="@dimen/tab_unpress">
<shape android:shape="rectangle">
<solid android:color="@color/tab_bg_normal"/><!-- 点击前颜色 -->
</shape>
</item>
</layer-list>
</item>
</selector>
下面是文字颜色的文件。也是用selector
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:color="#FFF"/>
<item android:state_checked="true" android:color="#359DD4" />
<item android:color="#969CA4" />
</selector>