Fragment与Radiogroup联动，经典的主界面布局。使用show和hide的方式实现；

最新推荐文章于 2023-05-20 13:06:09 发布
最新推荐文章于 2023-05-20 13:06:09 发布
阅读量1.2k 收藏 3
点赞数 1
分类专栏： Android 文章标签： Fragment ShowHide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35605213/article/details/79713524
版权

Fragment+RadioGroup经典的主界面布局，方便实用；


1、使用replace方式：

直接上代码，先是布局文件；

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


    <RelativeLayout
        android:id="@+id/rl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#ffffff">

        <RadioGroup
            android:id="@+id/rg"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#ffffff"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/rb_home"
                style="@style/main_tab_button"
                android:drawableTop="@drawable/rgbtn_home_select"
                android:text="主页"/>

            <RadioButton
                android:id="@+id/rb_shoppingcart"
                style="@style/main_tab_button"
                android:drawableTop="@drawable/rgbtn_gouwuche_select"
                android:text="购物车"/>

            <RadioButton
                android:id="@+id/rb_orderfrom"
                style="@style/main_tab_button"
                android:drawableTop="@drawable/rgbtn_orderfrom_select"
                android:text="分类"/>

            <RadioButton
                android:id="@+id/rb_my"
                style="@style/main_tab_button"
                android:drawableTop="@drawable/rgbtn_my_select"
                android:text="个人"/>
        </RadioGroup>
        <View
            style="@style/Line_e0e0e0_Horizontal"/>
    </RelativeLayout>
    <FrameLayout
        android:id="@+id/fl"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/rl"
        ></FrameLayout>
</RelativeLayout>

Radiogroup的style：

<style name="main_tab_button">
    <item name="android:textSize">12dp</item>
    <item name="android:textColor">@drawable/rgbtn_select</item>
    <item name="android:ellipsize">marquee</item>
    <item name="android:gravity">center</item>
    <item name="android:paddingBottom">2dp</item>
    <item name="android:background">#ffffff</item>
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_weight">1.0</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:button">@null</item>
    <item name="android:singleLine">true</item>
    <item name="android:drawablePadding">2dp</item>
</style>

文字的状态选择器：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#666666" android:state_checked="false"/>
    <item android:color="#424242" android:state_checked="true"/>
</selector>

图片状态选择器：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/datahui_def" android:state_checked="false"/>
    <item android:drawable="@drawable/datahui_sel" android:state_checked="true"/>
</selector>

好了，核心代码：

public class FragmentReplaceActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(getContentViewResource());
        initView();
        initData();
        initList();
    }
    private RadioGroup rg;
    private Fragment HomeFm = null,SpcFm = null, OrderFm = null, MyFm = null;

    private final class RadioGroupOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {
        @Override
        public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
            /**
             * 替换fragment
             */
            switch (checkedId) {
                case R.id.rb_home:
                    getSupportFragmentManager().beginTransaction().replace(R.id.fl, HomeFm).commit();
                    break;
                case R.id.rb_shoppingcart:
                    getSupportFragmentManager().beginTransaction().replace(R.id.fl, SpcFm).commit();
                    break;
                case R.id.rb_orderfrom:
                    getSupportFragmentManager().beginTransaction().replace(R.id.fl, OrderFm).commit();
                    break;
                case R.id.rb_my:
                    getSupportFragmentManager().beginTransaction().replace(R.id.fl, MyFm).commit();
                    break;
            }
        }
    }


    public int getContentViewResource() {
        return R.layout.activity_fragment;
    }


    protected void initView() {
        rg = findViewById(R.id.rg);
    }


    protected void initData() {
        HomeFm  = new Fragment1();
        SpcFm = new Fragment2();
        OrderFm = new Fragment3();
        MyFm = new Fragment4();
    }
    
    protected void initList() {
        rg.setOnCheckedChangeListener(new RadioGroupOnCheckedChangeListener());
        rg.check(R.id.rb_home);
    }
}

这样，一个简单的使用replace点击切换界面就好了；不过这样的方式不太好，每次切换都要走一遍fragment中所有的方法，好来介绍下一种：

2、Add，Show，Hide；隐藏和显示fragment；

public class FragmentShowHideActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(getContentViewResource());
        initView();
        initData();
        initList();
    }



    private FrameLayout fl;
    private RadioGroup rg;
    private Fragment HomeFm = null,SpcFm = null, OrderFm = null, MyFm = null;

    private final class RadioGroupOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {
        @Override
        public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
            if (HomeFm != null) {
                getSupportFragmentManager().beginTransaction().hide(HomeFm).commit();
            }
            if (SpcFm != null) {
                getSupportFragmentManager().beginTransaction().hide(SpcFm).commit();
            }
            if (OrderFm != null) {
                getSupportFragmentManager().beginTransaction().hide(OrderFm).commit();
            }
            if (MyFm != null) {
                getSupportFragmentManager().beginTransaction().hide(MyFm).commit();
            }
            switch (checkedId) {
                case R.id.rb_home:
                    if (HomeFm == null) {
                        HomeFm = new Fragment1();
                        getSupportFragmentManager().beginTransaction().add(R.id.fl, HomeFm).commit();
                    } else {
                        getSupportFragmentManager().beginTransaction().show(HomeFm).commit();
                    }
                    break;
                case R.id.rb_shoppingcart:
                    if (SpcFm == null) {
                        SpcFm = new Fragment2();
                        getSupportFragmentManager().beginTransaction().add(R.id.fl, SpcFm).commit();
                    } else {
                        getSupportFragmentManager().beginTransaction().show(SpcFm).commit();
                    }
                    break;

                case R.id.rb_orderfrom:
                    if (OrderFm == null) {
                        OrderFm = new Fragment3();
                        getSupportFragmentManager().beginTransaction().add(R.id.fl, OrderFm).commit();
                    } else {
                        getSupportFragmentManager().beginTransaction().show(OrderFm).commit();
                    }
                    break;
                case R.id.rb_my:
                    if (MyFm == null) {
                        MyFm = new Fragment4();
                        getSupportFragmentManager().beginTransaction().add(R.id.fl, MyFm).commit();
                    } else {
                        getSupportFragmentManager().beginTransaction().show(MyFm).commit();
                    }
                    break;
            }
        }
    }


    public int getContentViewResource() {
        return R.layout.activity_fragment;
    }


    protected void initView() {
        fl = findViewById(R.id.fl);
        rg = findViewById(R.id.rg);

    }


    protected void initData() {
    }


    protected void initList() {
        rg.setOnCheckedChangeListener(new RadioGroupOnCheckedChangeListener());
        rg.check(R.id.rb_home);
    }
}

简化一下是这样的：使用isAdded方法判断是否添加过；

public class FragmentShowHide2Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(getContentViewResource());
        initView();
        initData();
        initList();
    }

    private RadioGroup rg;
    private Fragment HomeFm = null,SpcFm = null, OrderFm = null, MyFm = null;

    private final class RgOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {
        @Override
        public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
            switch (checkedId) {
                case R.id.rb_home:
                    switchFragment(showFragment,HomeFm);
                    break;
                case R.id.rb_shoppingcart:
                    switchFragment(showFragment,SpcFm);
                    break;
                case R.id.rb_orderfrom:
                    switchFragment(showFragment,OrderFm);
                    break;
                case R.id.rb_my:
                    switchFragment(showFragment,MyFm);
                    break;
            }
        }
    }


    public int getContentViewResource() {
        return R.layout.activity_fragment;
    }


    protected void initView() {
        rg = findViewById(R.id.rg);

    }

    protected void initData() {
        HomeFm  = new Fragment1();
        SpcFm = new Fragment2();
        OrderFm = new Fragment3();
        MyFm = new Fragment4();
    }


    protected void initList() {
        rg.setOnCheckedChangeListener(new RgOnCheckedChangeListener());
        rg.check(R.id.rb_home);
    }

    private Fragment showFragment;  //当前显示的fragment

    private void switchFragment(Fragment hide,Fragment show){
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
        if (hide == show)return;
        if (hide != null){
            if (!show.isAdded()){
                ft.hide(hide).add(R.id.fl, show).commit();
            }else{
                ft.hide(hide).show(show).commit();
            }
        }else {
            if (!show.isAdded()){
                ft.add(R.id.fl, show).commit();
            }else{
                ft.show(show).commit();
            }
        }
        showFragment = show;
    }
}

下载Demo:FragmentDemo

github：Github

附：使用show和hide的方式显示Fragment,在Activity回收后重叠的问题；

随意门：https://blog.csdn.net/qq_35605213/article/details/79713871


Cui晨
关注
专栏目录
RadioGroup和Fragment
06-30
RadioGroup和Fragment的实现
使用Fragment与RadioGroup实现页面布局切换
11-06
通过这样的方式，我们可以轻松地实现在Android应用中使用`Fragment`和`RadioGroup`进行页面布局的切换。这种设计不仅简化了代码结构，还使得页面间的切换更加流畅，提升了用户体验。对于初学者来说，这是一个很好的...
【Android入门到项目实战-- 11.2】—— 实现底部导航栏（RadioGroup+Fragment）
最新发布
张修宇的博客
05-20 4445
Android如何实现底部导航栏，使用RadioGroup+Fragment实现，如何实现不能左右滑动切换页面的导航栏？具体代码实现
radioGroup+fragment
是啥的的博客
11-28 359
//drawable图片改变 xml version="1.0" encoding="utf-8"?> selector xmlns:android="http://schemas.android.com/apk/res/android"> item android:drawable="@mipmap/xing2" android:state_selected="true"/>
RadioGroup与Fragment使用
HUandroid的博客
02-20 2064
RadioGroup与Fragment使用 RadioGroup中使用类组单选按钮。如果我们选中一个单选按钮属于一个单选按钮组，它会自动取消选中同一组内的任何先前检查的单选按钮。 RadioGroup 属性 属性 描述 android:checkedButton 这是子单选按钮应该在默认情况下此单选组内进行检查的ID
仿网易新闻主界面（一）——RadioGroup+Fragment
xhuww的博客
04-09 4403
仿网易新闻主界面（一）——RadioGroup+Fragment实现网易新闻底部导航栏 color文件下 RadioButton选中后字体颜色变化 1.2设置RadioButton的通用属性 center 0dp
App首页使用多个Fragment和RadioGroup连动
帅气的红烧肉的博客
07-13 540
App首页使用多个Fragment配合底部RadiogGoup。
fragment 通过show和hide 实现界面切换
12-15
`show()`和`hide()`方法是Fragment管理中常用的两个方法，用于在不销毁Fragment的情况下实现界面的动态切换，从而提高用户体验并优化性能。 首先，我们要理解Fragment的基本概念。Fragment有自己的生命周期，可以...
使用ViewPager+Fragment+RadioGroup实现类似微信主界面
12-14
使用ViewPager+Fragment+RadioGroup实现类似微信主界面
Android使用Fragment实现底部菜单使用show()和hide()来切换以保持Fragment状态
11-14
本文将深入探讨如何使用Fragment配合底部菜单，通过show()和hide()方法来切换Fragment并保持其状态。 首先，让我们理解Fragment的基本概念。Fragment是一个可以包含UI组件的部分，它可以独立于Activity存在，也可以...
RadioGroup+fragment
04-07
RadioGroup管理fragment类，很方便的实现Tag切换功能，同时自定义添加RadioButton显示样式，文字样式
fragment+radiogroup
09-11
fragment+radiogroup
Tab之radiogroup+fragment
06-09
模仿去问他的app的底部切换效果,采用的是fragment+radiogroup方式
Android -- RadioGroup + Fragment 结合使用
01-22
Android -- RadioGroup + Fragment 结合使用,实用技术代码
使用RadioGroup及Fragment来实现底部Tab效果
11-06
使用RadioGroup及Fragment来实现底部Tab效果
ViewPager+Fragment+RadioGroup 实现仿微信界面
01-22
在Android应用开发中，创建一个类似微信的用户界面是一项常见的任务。这个任务主要涉及三个关键组件：ViewPager、...不过，理解并熟练运用ViewPager、Fragment和RadioGroup，已经迈出了创建类似微信界面的重要一步。
RadioGroup+Fragment
lumin1914的专栏
04-07 528
先看布局文件<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white">
radiogroup+viewpager+fragment联动
anshuangxin6666的博客
02-25 691
radiogroup+viewpager+fragment联动效果图图片变色选择器自己写文字变色选择器自己写mainactivity.xml<android.support.v4.view.ViewPager android:id="@+id/main_vp" android:layout_width="match_parent" android:layout_height=
RadioGroup+ViewPager+Fragment
Lycorisradiata的博客
10-06 773
具体代码 1、布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_hei
Android应用主界面设计：Fragment实现经典Tab切换
"本文介绍了如何构建一个经典的Android应用主界面，类似于QQ应用的界面设计，主要由底部tab栏、顶部标题栏以及中间的fragment内容展示组成。文中提到，早期这种设计通常使用tabhost+activitygroup实现，但现在更倾向...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值