Android 开发之深入浅出 NavigationUI

最新推荐文章于 2024-05-09 00:42:12 发布

程序员不秃

最新推荐文章于 2024-05-09 00:42:12 发布

阅读量702

点赞数 3

分类专栏：移动开发程序员架构文章标签： Android开发 navgatorUI

本文链接：https://blog.csdn.net/A_pyf/article/details/119610024

版权

本文通过一个示例应用介绍了如何在Android开发中使用NavigationUI进行深度导航。通过NavigationUI，开发者无需手动监听器即可实现页面间的导航。文章详细讲解了添加咖啡追踪功能，配置选项菜单、Toolbar、底部标签栏和抽屉式导航栏的过程，展示了NavigationUI如何通过匹配菜单id和目的页面id自动完成导航。

摘要由CSDN通过智能技术生成

概述

在之前的导航系列文章中，Chet 开发了一个用于跟踪甜甜圈的应用。知道什么是甜甜圈的最佳搭档吗？(难道是另一个甜甜圈？) 当然是咖啡！所以我准备增加一个追踪咖啡的功能。我需要在应用中增加一些页面，所以有必要使用抽屉式导航栏或者底部标签栏来辅助用户导航。但是我们该如何使用这些 UI 组件来集成导航功能呢？通过点击监听器手动触发导航动作吗？

不需要！无需任何监听器。NavigationUI 类通过匹配目标页面 id 与菜单 id 实现不同页面之间的导航功能。让我们深入探索一下它的内部机制吧。

添加咖啡追踪器

△ 工程结构

首先我将与甜甜圈相关的类文件拷贝了一份到新的包下，并且将它们重命名。这样的操作对于真正的应用来说也许不是最好的做法，但是在这里可以快速帮助我们添加咖啡跟踪功能到已有的应用中。如果您希望随着文章内容同步操作，可以获取这里的代码，里面包含了全部针对 Donut Tracker 应用的修改，可以基于该代码了解 NavigationUI。

基于上面所做的修改，我更新了导航图，新增了从 coffeeFragment 到 coffeeDialogFragment 以及从 selectionFragment 到 donutFragment 相关的目的页面和操作。之后我会用到这些目的页面的 id ;)

△ 带有新的目的页面的导航图

更新导航图之后，我们可以开始将元素绑定起来，并且实现导航到 SelectionFragment。

选项菜单

应用的选项菜单现在尚未发挥作用。要启用它，需要在 onOptionsItemSelected() 函数中，为被选择的菜单项调用 onNavDestinationSelected() 函数，并传入 navController。只要目的页面的 id 和 MenuItem 的 id 相匹配，该函数会导航到绑定在 MenuItem 上的目的页面。

override fun onOptionsItemSelected(item: MenuItem): Boolean {
   return item.onNavDestinationSelected(
       findNavController(R.id.nav_host_fragment)
   ) || super.onOptionsItemSelected(item)
}

现