android RadioButton利用selector 实现Tab功能

来源：互联网发布：ip反查域名网站编辑：程序博客网时间：2024/06/06 09:44

实现效果如下图所示：
这里写图片描述

1、下面只贴出单个radiobutton的布局代码：

 <RadioButton            android:id="@+id/main_tab_home"            android:checked="true"            android:layout_width="0dp"            android:layout_weight="1"            android:layout_marginBottom="4dp"            android:drawablePadding="2dp"            android:gravity="center_horizontal"            android:layout_height="60dp"            android:drawableTop="@drawable/my_selector"            android:button="@null"            android:text="@string/main_navigation_home"            android:textColor="@drawable/radio_group_selector"/>

2、my_selector.xml代码：wo_focus和wo_unfocus是一张图片

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">  <item android:state_enabled="true" android:state_focused="true" android:state_pressed="false"  android:drawable="@drawable/wo_unfocus" />  <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/wo_focus" />  <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/wo_focus" />  <item android:drawable="@drawable/wo_unfocus"/></selector>

3、radio_group_selector代码：

<?xml version="1.0" encoding="utf-8"?><selector  xmlns:android="http://schemas.android.com/apk/res/android">   <item android:state_checked="true" android:color="@color/color_text_selected"/>   <item android:state_checked="false" android:color="@color/color_text_normal"/></selector>

4、在color中加入如下颜色：
#000000———-transparent
#d23a3a——-color_bg_selected
#e7e7e8——-color_bg_normal
#d23a3a———color_text_selected
#000000——–color_text_normal

至此，相关的RadioButton利用selector 实现Tab功能就完美实现

0 0