一. Navigation 组件的介绍
1.1 什么是 Navigation 组件
- Navigation 组件是一种 Android Jetpack 库,它可以帮助开发者轻松地实现应用程序中的导航功能。导航组件包含多个类和组件,包括导航图、目的地、导航控制器等,可以帮助我们管理应用程序中的页面导航和任务导航。通过使用 Navigation 组件,我们可以更加方便地实现应用程序的导航功能,同时也可以提高应用程序的用户体验。在本篇文章中,我们将介绍如何使用 Navigation 组件来实现应用程序导航,并提供一些示例和更多的扩展功能。
1.2 Navigation 组件的优势
- Navigation 组件可以轻松实现应用程序中的导航,包括页面之间的转换和应用程序内部的导航。
- Navigation 组件可以提高应用程序的可维护性和可扩展性,因为它们使得应用程序的结构更加清晰,并且可以更容易地添加新的功能和页面。
- Navigation 组件可以提供一致的用户体验,因为它们使用了标准的导航模式和动画效果。
- Navigation 组件可以帮助开发人员更快地构建应用程序,因为它们提供了许多常见的导航模式和功能,可以直接使用或进行修改。
- Navigation 组件可以提高应用程序的可测试性,因为它们使得页面之间的导航和状态转换更加明确和可控。
1.3 Navigation 组件主要由3个部分组成:
- NavHost:用来嵌入导航流程的容器,一般使用
FragmentContainerView
。 - NavController:负责在
NavHost
内部处理导航事务的控制器,用于执行页面跳转、管理返回栈等。 - NavGraph:描述
Fragment
之间导航关系的资源文件,在其中定义页面之间的转跳、动画等。一般放在res/navigation/
目录下。
简而言之,Navigation
组件通过在NavHost
中使用NavGraph
来描述Fragment
导航路径与关系,然后由NavController
来执行实际的导航工作,这样极大地简化了以往的页面跳转逻辑和回退栈管理流程。
二. Navigation 组件的基本使用
2.1 添加导航组件到项目中
- 在项目的 build.gradle 文件中添加以下依赖:
dependencies {
def nav_version = "2.5.3"
implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
implementation "androidx.navigation:navigation-ui-ktx:$nav_version"
}
- 在布局文件中添加 NavHostFragment:
<androidx.fragment.app.FragmentContainerView
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:navGraph="@navigation/nav_graph" />
- 正确获取 NavController 对象 :
在 Activity 内使用 NavController 时,应在onCreate()
中获取:
val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment
val navController = navHostFragment.navController
NavigationUI.setupActionBarWithNavController(this, navController)
而在 Fragment 内,应在onAttach()
或onViewCreate()
中获取:
val navHostFragment = parentFragment as NavHostFragment
val navController = navHostFragment.navController
NavHost
需要指定app:navGraph
属性来关联一个导航图NavGraph
,这决定了其中Fragment
页面之间的导航关系和跳转路径。
NavController
是 Navigation
组件的控制中心,用于在NavHost
内执行导航操作。可以在Activity
或Fragment
中通过NavHostFragment
的navController
属性获取对应的NavController
实例。
常见的导航操作有:
- 导航到目标目的地:
navController.navigate(R.id.destination_id)
- 回退一个目的地:
navController.navigateUp()
或navController.popBackStack()
- 回退到根目的地:
navController.popBackStack(R.id.root_destination, false)
NavController
还负责维护Fragment
的回退栈,以及在按返回按钮时正确出栈,这大大简化了之前管理Fragment
事务的复杂度。
通过NavHost
和NavController
的配合,Navigation
组件实现了在NavGraph
中声明的导航逻辑和页面切换功能。这使Fragment
之间的导航变得极为简单高效。开发者只需关注于定义NavGraph
,并调用NavController
中的导航方法即可实现页面跳转,其余的一切尽在Navigation
组件的掌控之中。
2.2 创建导航图
- 在XML文件中创建导航图:
<androidx.fragment.app.FragmentContainerView
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:navGraph="@navigation/nav_graph" />
- 在res文件夹下创建一个
navigation
文件夹,然后在该文件夹下创建一个nav_graph.xml
文件,用于定义导航图的结构和内容:
<navigation xmlns:android="http://schemas.android.com/apk/res/android"