Jetpack组件-Navigation构成+使用

背景:Google 在2018年推出的 Android Jetpack中有一种新架构模式,那就是navigation,字面意思是导航。但是除了做APP引导页面以外,它也可以使用在App主页分tab的情况,甚至可以一个功能模块就一个activity大部分页面UI都使用fragment来实现。因此,navigation就成了管理fragment至关重要的架构。

一、Navigation三大构成

  1. Navigation Graph:Navigaion Graph(导航图)是一个 XML 文件,定义了应用程序中所有可导航的目标(如 Fragment、Activity 或自定义目标),以及它们之间的导航关系。包含所有被管理的 Fragment,起始目标,换页目标,返回目标等。
  2. 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" />

  1. NavController:NavController 是用于管理导航操作的控制器,它负责根据导航图中定义的导航关系,自动切换目标 Fragment,并将其添加到回退栈中,以便用户可以通过返回按钮回退到上一个目标。通常是写在点击事件内完成 Fragment 的切换。
button.setOnClickListener {
    findNavController().navigate(R.id.action_Fragment1_to_Fragment2)
  }

二、基本使用

  1. 添加依赖库
    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就创建好了。
  1. 配置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)
  1. 添加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一样可以回到上一个页面了
  1. 通过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属性来更改出入栈顺序
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容