Android : 巧用RadioGroup作为Tab切换的按钮

主流Tab切换式布局,设置RadioButton 的Style变换Tab切换按钮

　
　　
文字颜色
tab_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_checked="true" android:color="#C7513D"/>
    <item android:state_checked="false" android:color="#545454"/>
    <item android:color="@android:color/darker_gray"/>

selector>

RadioButton 样式
style.xml

 <style name="tab_rb_style">
        <item name="android:layout_width">0dpitem> -- 宽度为0dp -->
        -- 高度为包裹内容 -->
        <item name="android:layout_height">wrap_contentitem>
        -- 按照比重适配屏幕宽度, -->
        <item name="android:layout_weight">1.0item>  
        -- 选中/未选中文本颜色 这里用selector -->
        <item name="android:textColor">@color/tab_selector 
        "android:gravity">center 
        "android:textSize">10sp
        "android:layout_gravity">center
        
        "android:button">@null 
        "android:background">@null
        "android:layout_margin">6dp
    style>

使用方式

 <RadioGroup
        android:id="@+id/tab_rg_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@android:color/white"
        android:orientation="horizontal" >

        <RadioButton
            android:id="@+id/tab_rb_1"
            style="@style/tab_rb_style"
            android:drawableTop="@drawable/tab_dismantle_01"
            android:text="@string/tab_name_01" />

        <RadioButton
            android:id="@+id/tab_rb_2"
            style="@style/tab_rb_style"
            android:drawableTop="@drawable/tab_dismantle_02"
            android:text="@string/tab_name_02" />

        <RadioButton
            android:id="@+id/tab_rb_3"
            style="@style/tab_rb_style"
            android:checked="true"
            android:drawableTop="@drawable/tab_dismantle_03"
            android:text="@string/tab_name_03" />

        <RadioButton
            android:id="@+id/tab_rb_4"
            style="@style/tab_rb_style"
            android:drawableTop="@drawable/tab_dismantle_04"
            android:text="@string/tab_name_04" />

        <RadioButton
            android:id="@+id/tab_rb_5"
            style="@style/tab_rb_style"
            android:drawableTop="@drawable/tab_dismantle_05"
            android:text="@string/tab_name_05" />
    RadioGroup>