android_基础_radioButton实现底部导航栏tab效果实现

转载自:https://blog.csdn.net/qq_35081366/article/details/53390095

实现效果如下图所示：

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功能就完美实现