RadioGroup和Fragment相结合实现点击RadioButton进行Fragment的切换

RadioGroup和Fragment相结合实现点击下部RadioButton进行Fragment的切换

页面布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".activity.MainActivity">
 //要切换的布局占位
<FrameLayout
    android:id="@+id/fl_content"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"></FrameLayout>

   //底部导航的问题
<FrameLayout
    android:layout_width="match_parent"
     //高度设置为固定的高度，位置放在bottom底部
    android:layout_height="50dp"
    android:layout_gravity="bottom">

    <!--底部导航-->
    <RadioGroup
        android:id="@+id/rg_home"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_gravity="bottom"
        android:background="@drawable/bar_bg"
        android:orientation="horizontal"
         //这个是总共的个数 用来平均分配
        android:weightSum="5">

        <RadioButton
            android:id="@+id/rb_home"
            //这个实在style中的一个设置  见下面
            style="@style/tab_style"
            android:layout_height="match_parent"
            //下面这属性是在上边有一个图片做成的状态选择器
            android:drawableTop="@drawable/tab_home_bg"
            android:text="@string/home" />

        <RadioButton
            android:id="@+id/rb_search"
            style="@style/tab_style"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/tab_search_bg"
            android:text="@string/search" />

        <RadioButton
            android:id="@+id/rb_bonnd"
            style="@style/tab_style"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/tab_brand_bg"
            android:text="@string/brand" />

        <RadioButton
            android:id="@+id/rb_shopping"
            style="@style/tab_style"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/tab_shopping_bg"
            android:text="@string/shopping" />

        <RadioButton
            android:id="@+id/rb_more"
            style="@style/tab_style"
            android:layout_height="match_parent"
            android:drawableTop="@drawable/tab_more_bg"
            android:text="@string/more" />
    </RadioGroup>

</FrameLayout>

 </LinearLayout>

上文中style的分析

<style name="tab_style">
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_weight">1</item>
     //shape的设置
    <item name="android:background">@drawable/bg_tab_shape</item>
    <item name="android:button">@null</item>
    <item name="android:drawablePadding">-13dp</item>
    <item name="android:gravity">center</item>
     //字体颜色设置
    <item name="android:textColor">@color/tab_text_color</item>
</style>

上文中的shape分析：

  <shape android:shape="rectangle">
        <solid android:color="@color/transparent" />
    </shape>

上文中的color分析 color和图片设置的状态选择器是不一样的 （注意点）

  实质上是一个状态选择器    不同的状态显示两种 不同的颜色
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="@color/tab_checked_color"/>
<item android:color="@color/tab_unchecked_color"/>
</selector>

上文是整个界面的初步的布局 总共分上部分的设置的用来显示fragment部分和下半部分固定高度的显示的RadioButton部分 有几个特殊的方法要记住 还有 就是设置透明度和不可见的内容。

代码部分

代码部分包含fragment的初始化 RadioGroup的每个按钮的点击事件和相关的切换的相关联。

设置一个fragment的集合 用来提供给切换时操作：

     private List<Fragment> fragments = new ArrayList<>();
         fragments.add(new HomeFragment());
        fragments.add(new SearchFragment());
        fragments.add(new BoundFragment());
        fragments.add(new ShoppingFragment());
        fragments.add(new MoreFragment());
      下一句是默认的初始设置Fragment为homeFragment。
     getSupportFragmentManager().beginTransaction().replace (R.id.fl_content, fragments.get(0)).commit();
    所有的相关的的Fragment都在一个集合中，可以通过集合进行相关的操作

通过点击RadioButton进行切换Fregment

 private RadioGroup.OnCheckedChangeListener rgCheckedChangeListener = new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        int currentPosition = 0;
        switch (checkedId) {
            case R.id.rb_home:
                currentPosition = 0;
                break;
            case R.id.rb_search:
                currentPosition = 1;
                break;
            case R.id.rb_bonnd:
                currentPosition = 2;
                break;
            case R.id.rb_shopping:
                bv.hide();
                currentPosition = 3;
                break;
            case R.id.rb_more:
                currentPosition = 4;
                break;
        }
       //上文通过获得不同的点击的位置来设置currentPosition的值，下文通过将该值传递给数组进行相关的Fragment的切换。
        getSupportFragmentManager().beginTransaction().replace(R.id.fl_content, fragments.get(currentPosition)).commit();
    }
};

说明：

（1）这个框架支持点击切换Fragment 不支持左右的滑动来切换Fragment。一般的金融类商场类的应用也不支持相关的左右的切换。
（2）这个框架可尝试工厂模式。