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>

更多相关文章

随机推荐