背景:Google 在2018年推出的 Android Jetpack中有一种新架构模式,那就是navigation,字面意思是导航。但是除了做APP引导页面以外,它也可以使用在App主页分tab的情况,甚至可以一个功能模块就一个activity大部分页面UI都使用fragment来实现。因此,navigation就成了管理fragment至关重要的架构。
一、Navigation三大构成
- Navigation Graph:Navigaion Graph(导航图)是一个 XML 文件,定义了应用程序中所有可导航的目标(如 Fragment、Activity 或自定义目标),以及它们之间的导航关系。包含所有被管理的 Fragment,起始目标,换页目标,返回目标等。
- NavHostFragment:NavHostFragment 是一个托管 Fragment 的容器,用于管理应用程序中的导航图。(注:它本质是一个特殊的Fragment)
<fragment
android:id="@+id/navHostFragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:defaultNaHost="true"
app:navGraph="@navigation/nav_graph_main" />
- NavController:NavController 是用于管理导航操作的控制器,它负责根据导航图中定义的导航关系,自动切换目标 Fragment,并将其添加到回退栈中,以便用户可以通过返回按钮回退到上一个目标。通常是写在点击事件内完成 Fragment 的切换。
button.setOnClickListener {
findNavController().navigate(R.id.action_Fragment1_to_Fragment2)
}
二、基本使用
- 添加依赖库
implementation("androidx.navigation:navigation-fragment-ktx:2.5.1")
implementation("androidx.navigation:navigation-ui-ktx:2.5.1")
2.创建导航视图
- 右键res,点击New -> Android Resource Directory
- 在出现的面板第二行Resource type 下拉列表中选择 Navigation,然后点击 OK
- res目录下会多出一个navigation的资源目录,右键该目录,点击New -> Navigation Resource File,输入需要新建的资源文件名,这里命名nav_graph,点击ok,一个nav_graph.xml就创建好了。
- 配置graph及fragment之间的关系(如创建A/B/C三个fragment)
<?xml version="1.0" encoding="utf-8"?>
<navigation
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/nav_graph"
app:startDestination="@id/fragmentA">
<fragment
android:id="@+id/fragmentA"
android:name="com.example.testnavigation.FragmentA"
android:label="fragment_a"
tools:layout="@layout/fragment_a" >
<action
android:id="@+id/action_fragmentA_to_fragmentB2"
app:destination="@id/fragmentB" />
</fragment>
<fragment
android:id="@+id/fragmentB"
android:name="com.example.testnavigation.FragmentB"
android:label="fragment_b"
tools:layout="@layout/fragment_b" >
<action
android:id="@+id/action_fragmentB_to_fragmentC2"
app:destination="@id/fragmentC" />
</fragment>
<fragment
android:id="@+id/fragmentC"
android:name="com.example.testnavigation.FragmentC"
android:label="fragment_c"
tools:layout="@layout/fragment_c" />
</navigation>
- navigation是根标签,通过startDestination配置默认启动的第一个页面,这里配置的是FragmentA
- fragment标签代表一个fragment,其实这里不仅可以配置fragment,也可以配置activity,甚至还可以自定义
- action标签定义了页面跳转的行为,相当于上图中的每条线,destination定义跳转的目标页,还可以定义跳转时的动画等等(当调用到 action_FragmentA_to_FragmentB2 这个 action,会从 FragmentA -> FragmentB)
- 添加NaviHostFragment
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<fragment
android:id="@+id/fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/nav_graph" />
</androidx.constraintlayout.widget.ConstraintLayout>
- android:name指定NavHostFragment
- app:navGraph指定导航视图,即建好的nav_graph.xml
- app:defaultNavHost=true意思是可以拦截系统的返回键,可以理解为默认给fragment实现了返回键的功能,这样在fragment的跳转过程中,当我们按返回键时,就可以使得fragment跟activity一样可以回到上一个页面了
- 通过NaviController管理fragment之间的跳转
- 例如从fragmentA跳转
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
button.setOnClickListener {
val navController = Navigation.findNavController(it)
navController.navigate(R.id.action_fragmentA_to_fragmentB2)
}
}
- 首先得到navController对象,然后调用它的navigate方法,传入前面nav_graph中定义的action的id即可。
- 可以在nav_graph中调整pop属性来更改出入栈顺序