使用jetpack navigation管理fragment

一、什么是navigation

要说什么是navigation就要先说说fragment这个东西。fragment最早出现在Android 3.0,它的出现主要伴随着两个目的:

  1. 用于适配当时搭载蜂巢的Android平板设备,让其在更大的屏幕上能够在一个activity嵌套多个不同的页面,充分的利用大屏的显示优势。
image
image
  1. 分散activity的压力,对其解耦,让部分UI内容由各个fragment独自管理。

fragment有非常多的优势,它本身是一个VIew派生而来的控件,嵌套灵活,渲染所消耗的资源明显小于activity,数据的传递也更加方便,当然它的优点并不止这些,

以至于包括知乎、Google全家桶在内的众多App都发展出了单Activity+多fragment的方式开发UI,这其中的优势,在知乎的一个问题下有着非常多讨论。https://www.zhihu.com/question/39662488

但是在在这些应用开发的过程中,开发者们也发现了不少这种做法带来的坑。例如需要维护复杂的fragment回退栈、使用不当的情况下经常出现fragment重叠、经常由于activity已经销毁导致使用上下文crash、

等等等等的问题。

而navigation就是为了解决这些问题而出现的,用于实现单activity多fragment形式的官方解决方案。

navigation是jetpack组件库的一部分,jetpack的前生其实就是我们所熟悉的support library,Google在不久前宣布support library将只维护到v28,之后将全面迁移到androidx(也就是jetpack)。

二、添加navigation支持

navigation的使用限制实际上是比较多的。

  1. 保证你的Android studio版本 >=3.2
  2. 保证项目的gradle版本>=3.2


    image
    image
  3. 保证项目sdk的版本>=28


    image
    image
  4. 将你的项目从support library 向 androidx迁移,这一点工程量比较大,所以Google在新版studio添加了一键迁移程序。
image
image
  1. 确保studio打开了navigation的支持,在设置中确保如下开关是打开的。
image
image

这几步你都做完了吗?做完了就可以在你的gradle下添加navigation的依赖了。

implementation "android.arch.navigation:navigation-fragment:1.0.0-alpha07"
implementation "android.arch.navigation:navigation-ui:1.0.0-alpha07" 

三、使用navigation

使用起来其实蛮简单的 ,首先在res目录下新建一个android resource file ,名称有意义即可,resource type 选择 navigation

image
image

得到这样一个文件,由于还没有任何的页面,所以只有一个节点navigation

image
image

打开下方的design视图,可以看到什么都没有,这时可以通过左上角的+号来
image.png

新增页面。这里既然要跳转,我们新增两个fragment。

选中一个页面的时候,右侧会有针对这个fragment的属性面板,而fragment本身会出现一个小圆点,此时我们就可以拖拽这个小圆点去连接其他的页面,连接上就表示建立了跳转关系了。

image.png

这时打开text视图可以看到多了两个fragment节点,并且在第一个fragment节点下多了一个action。

之后我们的跳转就需要通过这个action的id来实现了。

现在打开BlankFragment的布局,为其添加一个用于跳转的按钮。

image.png
<FrameLayout 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"
             tools:context=".BlankFragment">
    <Button
            android:id="@+id/mJumpBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="jump to second fragment"/>
</FrameLayout>

在fragment中,该按钮点击事件被触发后,使用Navigation调用findNavController传入触发事件的view的对象获取到一个NavController对象,调用其navigate方法传入前面所提到的action的id,即可完成跳转。

mJumpBtn.setOnClickListener { view ->
   Navigation.findNavController(view).navigate(R.id.action_blankFragment_to_secondFragment)
}

现在fragment之间的跳转已经搞定,但是我们却忘了,fragment还需要依赖activity去展示呢,那么我们找回一开始新建项目得到的MainActivity(没有的话自己新建一个哦)。

打开MainActivity的布局。在布局中添加一个fragment,注意红框标注的那两段代码,会将我们前面写好的navigation嵌入进来。

image.png

至此,运行程序,你会发现,展示的第一个页面是带有jump to second fragment 按钮的BlankFragment,点击它会跳转到第二个SecondFragment。触摸手机的返回键会返回到上一个页面,和activity几乎一样。

如果你使用的是toolbar,那么可以直接绑定这两个控件来完成toolbar返回的操作,如果不是,那么你可以在SecondFragment中获取到NavController并调用navigateUp方法来返回上一个页面

 mBackBtn.setOnClickListener {
   Navigation.findNavController(it).navigateUp()
 }

四、传递参数

传递参数其实很简单,和我们之前传递的方式其实类似,同样是使用bundle来传递。

传递

 mJumpBtn.setOnClickListener { view ->
     Navigation.findNavController(view).navigate(R.id.action_blankFragment_to_secondFragment, Bundle().apply {
         putString("name", "tracy")
         putInt("age", 35)
     })
 }

接收

 arguments?.let {
      Log.i("日志", it.getString("name"))
      Log.i("日志", it.getInt("age", 0) + "")
 }

五、其他能力

当然,navigation所提供的能力远不止这些。

在传参方面它可以通过gradle插件的方式为我们提供更可靠安全的数据传递。

它能更简单的为fragment添加跳转动画

它能让fragment实现共享元素动画

它能通过Deep Link直接路由到fragment

它能直接与androidx组件中的 NavigationView(对,就是侧滑抽屉用的那个)进行菜单联动

它能和menu浮层菜单进行联动

也能和toolbar进行联动

此文只讲解了比较基础的使用方式,还有很多功能请查看api哈。

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

推荐阅读更多精彩内容