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

最新推荐文章于 2021-05-26 06:39:42 发布

arieshao

最新推荐文章于 2021-05-26 06:39:42 发布

阅读量807

点赞数

分类专栏： Android 开发笔记

本文链接：https://blog.csdn.net/arieshao/article/details/51395883

版权

Android 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

开发笔记

10 篇文章 0 订阅

订阅专栏

主流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">0dp</item> <!-- 宽度为0dp -->
        <!-- 高度为包裹内容 -->
        <item name="android:layout_height">wrap_content</item>
        <!-- 按照比重适配屏幕宽度, -->
        <item name="android:layout_weight">1.0</item>  
        <!-- 选中/未选中文本颜色 这里用selector -->
        <item name="android:textColor">@color/tab_selector</item> 
        <item name="android:gravity">center</item> 
        <item name="android:textSize">10sp</item>
        <item name="android:layout_gravity">center</item>
        <!-- 隐藏radioButton 圆点选中按钮图片 -->
        <item name="android:button">@null</item> 
        <item name="android:background">@null</item><!-- 将背景置为空 -->
        <item name="android:layout_margin">6dp</item><!-- 上下左右边距 -->
    </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>