使用jetpack navigation管理fragment

一、什么是navigation

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

  1. 用于适配当时搭载蜂巢的Android平板设备,让其在更大的屏幕上能够在一个activity嵌套多个不同的页面,充分的利用大屏的显示优势。
使用jetpack navigation管理fragment_第1张图片
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


    使用jetpack navigation管理fragment_第2张图片
    image
  4. 将你的项目从support library 向 androidx迁移,这一点工程量比较大,所以Google在新版studio添加了一键迁移程序。
使用jetpack navigation管理fragment_第3张图片
image
  1. 确保studio打开了navigation的支持,在设置中确保如下开关是打开的。
使用jetpack navigation管理fragment_第4张图片
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

使用jetpack navigation管理fragment_第5张图片
image

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

使用jetpack navigation管理fragment_第6张图片
image

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

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

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

使用jetpack navigation管理fragment_第7张图片
image.png

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

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

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

使用jetpack navigation管理fragment_第8张图片
image.png

    

在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嵌入进来。

使用jetpack navigation管理fragment_第9张图片
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哈。

你可能感兴趣的:(使用jetpack navigation管理fragment)