【布局优化】喂!住在xml里的fragment,我要"replace"掉你!

前言

大家应该都知道,Fragment的加载方式有俩种:静态加载动态加载
对于这俩种,不用缩!我猜大家肯定更喜欢用后者吧,毕竟咱都是爱用动的boy嘛 啧啧啧~好像跑偏了

哈哈,颜归正传!上!代!码!

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/rootview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools">
   <!--其余代码省略-->
    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

</android.support.design.widget.CoordinatorLayout>

眼熟不?然后配合下面这段代码


getSupportFragmentManager().beginTransaction().replace(R.id.container,new ProcessDetailFragment()).commit();

就可以实现fragment的动态加载了,是不是很开心?

然鹅,当我打开Android Studio 的Layout Inspector[1]的时候,我并不怎么开森

当前fragment加载后的布局结构

为毛fragment布局不是直接替换掉container布局而是在它里面!!!

其实一般情况也没啥,只是如果是这里,那!就!坚!决!不!能!忍!眼神好的童鞋可能发现了,这个fragment里面是个典型的ViewPager+Tablayout组合,而ViewPager里面又会有一堆fragment ,所以布局结构那叫一个复杂,这种布局哪怕多一层嵌套都是会相当影响UI加载速度滴啊,所以,必须干掉它!

But How?

聪明的你肯定想到了 哈哈 没错!静态加载fragment!于是,代码我改改改

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/rootview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools">
   <!--其余代码省略-->
   <fragment
        android:id="@+id/fragView"
        android:name="com.xxx.ProcessDetailFragment"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

</android.support.design.widget.CoordinatorLayout>

运行代码,打开视图检查

修改后的布局结构

怎么感觉好像故事快要讲完了? 哈哈 ,撇了一眼标题,好像又跑题了 !

当然木有跑题! 啰嗦了这么多,其实是在为后文作铺垫哦

其实这是在复现当时项目开发中一步步遇到问题解决问题的过程,没有上述问题的粗现,接下来要讲的东东也就不会发生了哦 所以算是个前情概要吧 就像看电影一样 嘿嘿 大家多担待

不呼不唤,我始出来!

现在视图层级已经达到我们的预期了,可是!问题又粗线了,这个项目的viewPager里面是一个个fragment,其代表的是TabLayout中一个个菜单的详情页面,每个详情页面中数据会有操作,然后当其中某个fragment中数据变化之后会影响其它fragment的数据和菜单的展示,因此,在每一次数据变化的时候,我们需要刷新整个ProcessDetailFragment!

HOW 2 ?

最简单的办法,就是用新创建的ProcessDetailFragment替换掉目前的ProcessDetailFragment,然后新的ProcessDetailFragment会重新加载更新后的数据并展示,So Easy?

于是,按照这个想法,顺便回想一下动态加载fragment的代码,fragment动态加载的时候,是需要指定容器布局id的,代码执行后新fragment的布局会加入到这个容器布局中,所以如果我们要用新的ProcessDetailFragment替换掉原有的ProcessDetailFragment其实是不可行的!

什么,你不信,那我们用代码来说话!

按照动态加载fragment的方式,用新的ProcessDetailFragment替换掉原来布局中的ProcessDetailFragment,注意下面代码容器id为R.id.fragView,也就是fragment在xml中声明的id

  public void refresh() {
          getSupportFragmentManager().beginTransaction()
         .replace(R.id.fragView, new ProcessDetailFragment())
         .commit();
}

然后看看新的视图结果:


直接替换后的布局结构

也许有些童鞋会说,先remove掉原来的ProcessDetailFragment在用新的fragment执行replace就好啊,但其实如果用过静态加载fragment的童鞋肯定知道,FragmentTransaction的remove针对静态加载的fragment是无效的,而且本人也在此亲测,在执行remove后布局结构依然和上图一致

我有个大胆的想法

既然replace会将fragment加入到指定容器id布局之下,那么我们将这个容器id设置为原ProcessDetailFragment的父容器CoordinatorLayout的id,蓝后在父容器中remove掉旧的ProcessDetailFragment布局视图不就好了?

OL, 开干!

新的代码:

//processDetailFragment 为目前布局中加载的fragment的引用
    public void refresh() {
        if (processDetailFragment != null) {
            //新的ProcessDetailFragment
            ProcessDetailFragment fragment = new ProcessDetailFragment();
            //和老fragment中的布局参数保持一致 该方法需要自定义实现
            //该方法可保证新的fragment布局和原fragment大小,行为一致
            fragment.setLayoutParams((CoordinatorLayout.LayoutParams)         
            processDetailFragment.getView().getLayoutParams());
            //将原fragment布局视图从其父容器中删除
            ((CoordinatorLayout) findViewById(R.id.rootview))
            .removeView(processDetailFragment.getView());
            //加载新的fragment
            getSupportFragmentManager().beginTransaction()
            .replace(R.id.rootview, fragment).commit();
            //用新fragment替换原fragment的引用
            processDetailFragment = fragment;
        }
    }

代码运行,新的视图布局结构:

替换后的布局结构图

后记

严格来讲,这算个伪替代,但,条条大路通罗马!我们最终还是实现了我们所想所需的效果,不是吗? 也因此文章标题中的替换带了俩引号 "replace"

本文可转载,转载请注明出处

如果这篇文章对亲有所帮助,希望亲可以可以给我一个小心心❤️!这是对我最大的鼓励!多谢^^


  1. Windows -> Tools -> Android ->Layout Inspector 即可打开布局检查,可以查看视图的布局结构

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,498评论 25 707
  • 在各种Android项目中,我们不可避免要使用到Fragment,但很多地方其实我们只是习惯性或copy代码来使用...
    HolenZhou阅读 2,072评论 1 15
  • 青春总是伴随着各种各样的问题,最近有很多同学问我问题,今天我就答一答喽! 语文是国语固然重要,可为什么好多重点高中...
    蓝竹阅读 348评论 0 0
  • 1、下载sdk,导入sdk(libWeChatSDK.a,WXApi.h,WXApiObject.h 三个文件添加...
    火星的蝈蝈阅读 1,004评论 0 2
  • 哈哈哈哈哈太搞笑了好喜欢邓超欧弟祖蓝哈哈哈哈哈
    AAAAmmmyyy阅读 282评论 0 1