Android 关于bottomNavigateView+fragment做页面切换的一些坑和问题

如题,用bottomNavigateView和fragment做切换多是一件美事啊,可就是搞了半天都弄不出来还各种不对,今天就来分享一下我在这之中遇到的坑以及解决办法(当做笔记了):

前言

做页面切换市面上常用的方式有两种,一种是直接暴力替换,一种是显示和隐藏如下:

正文

方法一: 暴力替换

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化(findViewById)
        BottomNavigationView bav = findViewById(R.id.bottomNavigationView);

        //设置监听
        bav.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {

                //判断是哪个item被点击了
                switch (item.getItemId()) {
                    case R.id.bottom_menu_home:
                        getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentHome()).commit();
                        
                        break;
                    case R.id.bottom_menu_found:
                        getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentFind()).commit();
                        
                        break;
                    case R.id.bottom_menu_message:
                        getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentMessage()).commit();
                        
                        break;
                    default:
                        getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentMe()).commit();
                        
                        break;
                }
                item.setChecked(true);
                return false;
            }
        });
    }

但是这种方法虽然简单粗暴但是每次点击底部的按钮切换页面时都会重新加载一遍fragment,这样很消耗性能同时也给用户带来不好的体验,举个简单的例子:比如用户在首页滚动到某一个位置,然后切换到我的页面看了一下,准备切回首页的时候发现刚才滚动到的位置没了,直接回到顶部了,那是因为fragment重新加载了一遍。为了解决这个问题,于是就出现下一种方案,用显示和隐藏来切换页面:
显示和隐藏来切换页面的思路无非就是,先初始化fragment(也就是把该new的fragment都new出来存放到Arraylist里面去方便后续操作),然后就是显示和隐藏fragment就行了,所以写三个方法分别是初始化,显示,隐藏,如下:

方法二: 显示和隐藏

初始化:
private void initFragment() {
        //用一个叫fragments的Arraylist储存所有的fragment
        fragments.add(getSupportFragmentManager().findFragmentByTag("f_home"));//找到主页的fragment(因为一开始显示的就是主页,所以直接在xml里面就初始化了)
        fragments.add(new FragmentFind());//发现页面
        fragments.add(new FragmentMessage());//消息页面
        fragments.add(new FragmentMe());//我的页面

    }
显示:
 private void showFragment(int position) {
        //加个判断防止报错
        if (fragments.get(position).isAdded()) {
            getSupportFragmentManager().beginTransaction().show(fragments.get(position)).commit();
        } else {
            //添加完成后自动显示,无需在操作
            getSupportFragmentManager().beginTransaction().add(R.id.fragment, fragments.get(position)).commit();
        }
    }
隐藏:
private void hideFragment() {
        //隐藏所有的页面
        for (int i = 0; i < fragments.size(); i++) {
            //加个判断防止报错
            if (fragments.get(i).isAdded()) {
                getSupportFragmentManager().beginTransaction().hide(fragments.get(i)).commit();
            }
        }
    }

接下来的操作就是将上面暴力替换方式变成先隐藏后显示的方式就行了,代码如下:

//设置监听
        bav.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                //隐藏掉所有的fragment
                hideFragment();
                //判断是哪个item被点击了
                switch (item.getItemId()) {
                    case R.id.bottom_menu_home:
                        //getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentHome()).commit();
                        showFragment(0);
                        break;
                    case R.id.bottom_menu_found:
                        //getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentFind()).commit();
                        showFragment(1);
                        break;
                    case R.id.bottom_menu_message:
                        //getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentMessage()).commit();
                        showFragment(2);
                        break;
                    default:
                        //getSupportFragmentManager().beginTransaction().replace(R.id.fragment,new FragmentMe()).commit();
                        showFragment(3);
                        break;
                }
                item.setChecked(true);
                return false;
            }
        });

万事大吉,代码敲得啪啪响,非常顺利,但是,一运行起来就粗问题了,如图:

image.png

主页顺利展示出来了,点击发现页面就粗问题了,唉怎么啥都没有捏( ̄▽ ̄)*
image.png

并且不只是发现页面没有,其他页面也啥都没有,担心是代码逻辑出错了,或者是没有显示出来,或者是没有成功加载fragment,等等调试了半天发现一点问题都没有,为什么就是显示不出来呢???

经过半天的折腾我终于发现了其中的猫腻,原来主页是一个很特殊的fragment,特殊在哪里,特殊就特殊在它的显示和隐藏关乎所有fragment的显示和隐藏,一旦它被隐藏了那么其他的fragment也会被隐藏(有知道为什么的大佬可以说说),而显示发现页面必须要隐藏其他页面,不然就会出现重叠。所以首页这个fragment很特别,咱们惹不起,那就别惹了,回到xml里面将默认的fragment换成一个空的fragment,什么都没有就空白一片,以后咱们也不动它,既不会显示它也不会隐藏它,也不会替换它,只要让它好好的待着就行了。

PS:这里的空白的fragment就是充当了主页的位置,是一个很特殊的fragment,要默认显示主页只要在onCreate里面手动调用一次显示fragment的函数显示主页即可。

结语

好了问题解决了,不想忘记这次难忘的折腾,同时也想为各位避坑,因此做了此次笔记,大家就当笔记看就行了,也不是什么教程。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,319评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,801评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,567评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,156评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,019评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,090评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,500评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,192评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,474评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,566评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,338评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,212评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,572评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,890评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,169评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,478评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,661评论 2 335

推荐阅读更多精彩内容