当前位置：首页 > article >正文

AndroidCompose Navigation导航精通2-过渡动画与路由切换

article 2025/1/30 0:22:02

前言

在当今的移动应用开发中，导航是用户与应用交互的核心环节。随着 Android Compose 的兴起，它为开发者提供了一种全新的、声明式的方式来构建用户界面，同时也带来了更简洁、更高效的导航实现方式。本系列教程将深入探讨如何在 Android Compose 中实现各种导航功能，从基础的页面跳转到复杂的导航架构设计，帮助你全面掌握 Compose Navigation 的精髓。

在本系列的第二部分，此时将会学习三种不同的路由切换过渡动画，并了解如何正确高效的封装composable方法，实现路由的快速注册。

路由切换

NavController

NavController用于控制APP全局的路由导航，他也存在一种变体，下面是两个主要的controller对象

NavController：Navigation导航的核心类，负责管理导航图（NavGraph）和返回栈（Back Stack），并提供导航操作的方法
NavHostController：是 NavController 的一个子类，专门用于 Compose 环境。它继承了 NavController 的所有功能，并提供了一些额外的 Compose 特定的功能

除上述所述之外，您最好可以在使用过程中利用下方三个特点：

一般页面内基本都使用NavController对象
只有我们在定义NavHost时才会用到NavHostController对象
务必保证全局有且只有一个NavController对象，也就是说他必须是单例的（所以我们一般都会从MainActivity就直接创建NavController，然后层层传递下去，就可以保证不会创建重复的对象）

如下代码即在定义NavHost时使用了NavHostController对象：

@Composable
fun NavGraphs(
  modifier: Modifier = Modifier,
  navController: NavHostController = rememberNavController(),
  startDestination: String = NavRoutes.INIT_NAV_ROUTE
) {
   
  NavHost(modifier = modifier, navController = navController, startDestination = startDestination) {
   
    ...
  }
}

BackStackEntry

路由返回栈（BackStackEntry）拥有以下几个特点：

后进先出（LIFO）：
返回栈采用后进先出的数据结构，即最后被访问的页面位于栈顶，最先被访问的页面位于栈底。
当用户从一个页面导航到另一个页面时，新的页面会被推入栈顶。
当用户点击返回按钮时，栈顶的页面会被弹出，用户返回到前一个页面。
初始目的地：
当用户打开应用时，NavController 会将第一个目的地推送到返回栈的顶部。
导航操作：
每次调用 NavController.navigate() 时，目标页面会被推入返回栈的顶部。
调用 NavController.popBackStack() 时，会将当前页面从返回栈中弹出，并导航到前一个页面。
返回到特定目的地：
你可以使用 popBackStack() 方法导航到特定的目的地，并可以选择是否将该目的地从返回栈中弹出。
例如，navController.popBackStack(R.id.destinationId, true) 会导航到指定的目的地，并将其从返回栈中弹出。

你可以先拿到一个NavController对象，再根据它来得到当前的路由返回栈；
获取方式如下所示：

val navController = rememberNavController()
val currentBackStackEntry by navController.currentBackStackEntryAsState()
val currentDestination = currentBackStackEntry?.destination