返回

Jetpack Navigation之嵌套导航图——分步解构嵌套导航

Android

Jetpack Navigation中的嵌套导航图

Jetpack Navigation 组件是一个强大的库，可简化 Android 应用程序中的导航流程。嵌套导航图是该组件的一项高级功能，它允许你创建层次化的导航结构，其中一个导航图可以嵌套在另一个导航图中。

嵌套导航图的优势在于它可以组织复杂的应用程序导航，让你轻松地在不同的导航图之间切换，同时保持应用程序流的连贯性。

在本指南中，我们将逐步了解如何在 Android 应用程序中实现嵌套导航图，并使用代码示例来演示两种不同的实现方式。

先决条件

在开始之前，确保你已在 Android Studio 中安装并配置了 Jetpack Navigation 组件。有关详细信息，请参阅官方文档。

实现方式 1：使用 标签

使用 <navigation> 标签是实现嵌套导航图的一种方法。以下步骤将指导你完成这一过程：

  1. 在 res/navigation 目录下创建两个 XML 文件，一个用于父导航图，另一个用于子导航图。例如，parent_navigation.xml 和 child_navigation.xml。
  2. 在 parent_navigation.xml 中，定义父导航图，并使用 <navigation> 标签包含子导航图。
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/parent_navigation">

    <include app:graph="@navigation/child_navigation" />

</navigation>
  1. 在 child_navigation.xml 中，定义子导航图，并为其分配一个唯一的 ID。
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/child_navigation">

    <fragment
        android:id="@+id/child_fragment"
        android:name="com.example.app.ChildFragment"
        android:label="Child Fragment" />

</navigation>
  1. 在你的 Activity 或 Fragment 中，使用 NavController 关联父导航图。
val navController = findNavController(R.id.nav_host_fragment)
navController.setGraph(R.id.parent_navigation)

实现方式 2：使用 FragmentContainerView

另一种实现嵌套导航图的方法是使用 FragmentContainerView。以下步骤将指导你完成这一过程：

  1. 在你的布局文件中，将 FragmentContainerView 添加到父容器中。
<androidx.fragment.app.FragmentContainerView
    android:id="@+id/child_fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
  1. 在你的 Activity 或 Fragment 中，使用 NavController 管理子导航图。
val navController = findNavController(R.id.child_fragment_container)
navController.setGraph(R.id.child_navigation)

嵌套导航图的优点

嵌套导航图提供了许多优点，包括：

  • 组织复杂导航： 将导航图嵌套在一起可以帮助组织复杂的应用程序导航，使其更容易理解和维护。
  • 无缝切换： 嵌套导航图允许你轻松地在不同的导航图之间切换，而不会中断应用程序流。
  • 代码重用： 通过将导航图嵌套在一起，你可以重用代码并避免重复的导航逻辑。
  • 可维护性： 嵌套导航图使得管理和更新应用程序导航变得更加容易。

结论

嵌套导航图是 Jetpack Navigation 组件中一项强大的功能，可用于组织和简化复杂的应用程序导航。通过使用 <navigation> 标签或 FragmentContainerView，你可以轻松地实现嵌套导航图，并享受其带来的优势。