Android 页面 底部的RadioButton

底部整体是RadioGroup;

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />   //设置权重，剩余的屏幕，阻止ViewPager将RG挤出屏幕。

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <RadioButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@android:color/transparent"  //将按钮设置看不到 。 @null; 也可达到同样的效果。
            android:text="首页"
            android:textColor="#000"
            />
    </RadioGroup>

</LinearLayout>

几个RadioButton 用权重，将width平分后，出现的字体和图片不对应的解决办法是RadioButton增加一个gravity属性。

  <style name="BottomTabStyle">
        <item name="android:layout_width">0dp</item>      //这里宽度得改成Wrap_content 否则字体不一样会换行。
        <item name="android:layout_height">wrap_content</item>
        <item name="android:gravity">center</item>
        <item name="android:button">@null</item>
        <item name="android:drawablePadding">3dp</item>
        <item name="android:textColor">#fff</item>
        <item name="android:padding">5dp</item>
        <item name="android:layout_weight">1</item>
    </style>

---

RadioButton 中字体和图片颜色变化的原理；

定义selector选择器： 先定义图片的变化：
例：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/setting_press" android:state_checked="true"/>  //选择时状态发生改变， 选中准确的讲。
    <item android:drawable="@drawable/setting"/>

</selector>