Navigation 详解三

Navigation 详解二

配合 Toolbar

在 BottomNavigationActivity 中添加 Toolbar，修改主题为 NoActionBar 的。

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_bottom_navigation)

    val navHostFragment = nav_fragment as NavHostFragment
    NavigationUI.setupWithNavController(navigation, navHostFragment.navController)

    setSupportActionBar(toolbar)
    NavigationUI.setupWithNavController(toolbar, navHostFragment.navController) // 关联 Toolbar 和 NavController
}

// 重写方法，按下 Toolbar 的返回键弹出一个 Fragment
override fun onSupportNavigateUp() = 
    findNavController(nav_fragment).navigateUp()

Toolbar 的 title 是 destination 的 label，start destination 没有返回箭头。

配合 NavigationView

原本 NavigationActivity 用的 layout 是 activity_navigation.xml，现在将其改成 activity__navigation_drawer.xml，内容为：

通过 include 引入原来的 activity_navigation.xml，menu/navigation_drawer.xml 为：

和 BottomNavigationView 一样使用，id 和 destination 的 id 一致。

class NavigationActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_navigation_drawer)

        withBottomNavigationView.onClick { startActivity() }

        val navController = Navigation.findNavController(this, R.id.nav_fragment) // id 是 include 的 activity_navigation 里的 NavHostFragment 的 id
        NavigationUI.setupWithNavController(nav_view, navController) // 关联
    }

}

navigation_drawer.gif

监听

在 NavController 上 addOnNavigatedListener() 添加一个 OnNavigatedListener。

navController.addOnNavigatedListener { _, destination ->
    // 切换到了哪个 destination，参数 destination 就是哪个
}

subgraph 和 include

在 design 视图上，按住 Shift 键选择多个 destination，右击选择 Move to Nested Graph > New Graph

navigation_nested.gif

看 xml 变成了

内部多了个 节点，startDestination 是 dashboardFragment，而 homeFragment 的两个 action 都指向了这个新的 navigation。修改 HomeFragment 的代码

homeToDashboard.onClick {
    NavHostFragment.findNavController(this@HomeFragment)
                    .navigate(R.id.navigation2) // 用子 graph 的 id
}
homeToNotification.onClick {
    Navigation.findNavController(view)
            .navigate(R.id.action_homeFragment_to_notificationFragment)
            // 还用原来的 action 的 id，名字最好改下
}

两个方法都到了 DashboardFragment，因为去的是 sub graph(navigation2)，而 dashboardFragment 是 start destination。

---

除了嵌套外，还可以把 subgraph 单独移出来作为一个文件，然后原来地方使用 include 引入，比如创建 bottom_nav_sub_graph.xml：

效果完全一样。

参考：

• Implement navigation with the Navigation Architecture Component