RadioGroup+Fragment

最新推荐文章于 2019-01-27 22:50:51 发布

小火炮

最新推荐文章于 2019-01-27 22:50:51 发布

阅读量559

点赞数

分类专栏：总结文章标签： android radiogroup

本文链接：https://blog.youkuaiyun.com/lumin1914/article/details/51085455

版权

总结专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了一种在Android应用中实现底部导航栏的方法，通过使用RadioGroup和Fragment结合的方式，实现了带点击波纹效果的底部选项卡切换，并提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white">

    <!--外部添加距离底部的属性   -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <FrameLayout
            android:id="@+id/tab_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <RadioGroup
            android:id="@+id/ll_bottom"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:layout_alignParentBottom="true"
            android:layout_gravity="center"
            android:background="#f2ffffff"
            android:gravity="center"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/btn_find"
                style="@style/rediobutton_main_style"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:checked="true"
                android:drawablePadding="5dp"
                android:drawableTop="@drawable/rediobutton_drawable_discovery_style"
                android:gravity="center"
                android:text="@string/menu_find" />


            <RadioButton
                android:id="@+id/btn_project"
                style="@style/rediobutton_main_style"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableTop="@drawable/rediobutton_drawable_project_style"
                android:gravity="center"
                android:text="@string/menu_project" />

            <RadioButton
                android:id="@+id/btn_investor"
                style="@style/rediobutton_main_style"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableTop="@drawable/rediobutton_drawable_investor_style"
                android:gravity="center"
                android:text="@string/menu_investor" />

            <RadioButton
                android:id="@+id/btn_mine"
                style="@style/rediobutton_main_style"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableTop="@drawable/rediobutton_drawable_mine_style"
                android:text="@string/menu_mine" />


        </RadioGroup>


        <View
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:layout_above="@id/ll_bottom"
            android:background="@color/text_color_aaaaaa" />


    </RelativeLayout>


</LinearLayout>

注意细节，RadioButton里面的样式都是一样的，统一写到样式文件中

<style name="rediobutton_main_style">
        <item name="android:gravity">center</item>
        <item name="android:button">@null</item>
        <item name="android:textSize">10sp</item>
        <item name="android:drawablePadding">5dp</item>
        <item name="android:textColor">@color/color_radiobutton</item>
        注意这个有点击有波纹效果，5.0以上的手机使用的
        <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
        5.0一下的手机使用的
        <item name="android:background">@null</item>
</style>

这个是点击的radioButton的样式
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_checked="false"
        android:drawable="@drawable/home_discover_normal" />
    <item
        android:state_checked="true"
        android:drawable="@drawable/home_discover_selected" />
</selector>


这个是字体的点击变色状态
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@color/bg_ff3d00"/>
    <item android:color="@color/text_color_cccccc"/>
</selector>

下面写MainActiviyty里面的东西了

@Bind(R.id.ll_bottom)
RadioGroup ll_bottom_radio;

private List<Fragment> mListFragments = new ArrayList<Fragment>();

private void initViewPagerDate() {
        mListFragments.add(Fragment.instantiate(this, FragmentB.class.getName()));
        mListFragments.add(Fragment.instantiate(this, FragmentA.class.getName()));
        mListFragments.add(Fragment.instantiate(this, FragmentC.class.getName()));
        mListFragments.add(Fragment.instantiate(this, FragmentD.class.getName()));
        new FragmentTabHelper(this, mListFragments, R.id.tab_content, ll_bottom_radio);
        提供监听方法
        tabAdapter.setOnRgsExtraCheckedChangedListener(new FragmentTabHelper.OnRgsExtraCheckedChangedListener() {
            @Override
            public void OnRgsExtraCheckedChanged(RadioGroup radioGroup, int checkedId, int index) {
            }
        });


    }

我们将radioGroup+fragment的具体处理放到FragmentTabHelper类中统一管理

public class FragmentTabHelper implements RadioGroup.OnCheckedChangeListener {


    private List<Fragment> fragments; // 一个tab页面对应一个Fragment
    private RadioGroup rgs; // 用于切换tab
    private FragmentActivity fragmentActivity;
    private int fragmentContentId;
    private int currentTab; // 当前Tab页面索引
    private OnRgsExtraCheckedChangedListener onRgsExtraCheckedChangedListener;


    public FragmentTabHelper(FragmentActivity fragmentActivity, List<Fragment> fragments, int fragmentContentId, RadioGroup rgs) {
        this.fragments = fragments;
        this.rgs = rgs;
        this.fragmentActivity = fragmentActivity;
        this.fragmentContentId = fragmentContentId;

        // 默认显示第一页
        FragmentTransaction ft = fragmentActivity.getSupportFragmentManager().beginTransaction();
        ft.add(fragmentContentId, fragments.get(0));
        ft.commit();
        rgs.setOnCheckedChangeListener(this);
    }


    @Override
    public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
        for (int i = 0; i < rgs.getChildCount(); i++) {
            if (rgs.getChildAt(i).getId() == checkedId) {
                Fragment fragment = fragments.get(i);
                FragmentTransaction ft = fragmentActivity.getSupportFragmentManager().beginTransaction();
                if (fragment.isAdded()) {
                    fragment.onResume();
                } else {
                    ft.add(fragmentContentId, fragment);
                }
                showTab(i);
                ft.commit();
                // 如果设置了切换tab功能接口
                if (null != onRgsExtraCheckedChangedListener) {
                    onRgsExtraCheckedChangedListener.OnRgsExtraCheckedChanged(radioGroup, checkedId, i);
                }

            }
        }
    }

    public int getCurrentTab() {
        return currentTab;
    }

    public Fragment getCurrentFragment() {
        return fragments.get(currentTab);
    }

    public OnRgsExtraCheckedChangedListener getOnRgsExtraCheckedChangedListener() {
        return onRgsExtraCheckedChangedListener;
    }

    public void setOnRgsExtraCheckedChangedListener(OnRgsExtraCheckedChangedListener onRgsExtraCheckedChangedListener) {
        this.onRgsExtraCheckedChangedListener = onRgsExtraCheckedChangedListener;
    }


    /**
     * 切换tab
     *
     * @param idx
     */
    private void showTab(int idx) {
        for (int i = 0; i < fragments.size(); i++) {
            Fragment fragment = fragments.get(i);
            FragmentTransaction ft = obtainFragmentTransaction(idx);

            if (idx == i) {
                ft.show(fragment);
            } else {
                ft.hide(fragment);
            }
            ft.commit();
        }
        currentTab = idx; // 更新目标tab为当前tab
    }


    /**
     * 获取一个带动画的FragmentTransaction
     *
     * @param index
     * @return
     */
    private FragmentTransaction obtainFragmentTransaction(int index) {
        FragmentTransaction ft = fragmentActivity.getSupportFragmentManager().beginTransaction();
        // 设置切换动画
//        if(index > currentTab){
//            ft.setCustomAnimations(R.anim.slide_left_in, R.anim.slide_left_out);
//        }else{
//            ft.setCustomAnimations(R.anim.slide_right_in, R.anim.slide_right_out);
//        }
        return ft;
    }


    /**
     * 切换tab额外功能功能接口
     */
   public static class OnRgsExtraCheckedChangedListener {
        public void OnRgsExtraCheckedChanged(RadioGroup radioGroup, int checkedId, int index) {

        }
    }


}