MVVM组件——Navigation基础运用

1.前言

在Fragment出现后，相比于Activity，我们更喜欢，也更熟练于使用Fragment来布置页面，这个时候用FragmentManager来管理、切换碎片就会稍显复杂。而在MVVM组件里就提供了一个特殊的组件供以切换Fragment。
且看定义：Navigation 是用来管理 Fragment 的切换，并且可以通过可视化的方式，看见App的交互流程。
有多方便和优雅，来看一看网络上的一张图片：

当然最好的学习方式是官方文档

https://developer.android.com/guide/navigation?hl=zh-cn

当然没图展示，可能会让很多同学怯步。让我展示一下效果：

2.navigation关键组件

组件	解释
Navigation Graph	在一个集中位置包含所有导航相关信息的 XML 资源。这包括应用内所有单个内容区域（称为目标）以及用户可以通过应用获取的可能路径。简言之就是一个导航地图，可以让我们清晰的看到起始Fragment和路径
NavHost	显示导航图中目标的空白容器。导航组件包含一个默认 NavHost 实现 (NavHostFragment)，可显示 Fragment 目标。简言之：Fragment的容器，存放于Activity的xml中，通常使用FragmentContainerView
NavController	在 NavHost 中管理应用导航的对象。当用户在整个应用中移动时，NavController 会安排 NavHost 中目标内容的交换。简言之：导航的控制者，通过此对象可以做到使用action资源切换Fragment

3.基础运用入门

3.1 添加依赖

虽然也可以由AS自动添加，但是不知道是不是我网络太差的原因，经常添加依赖失败，所以我习惯于手动添加。
App模块下的build.gradle

    // Navigation
    implementation 'androidx.navigation:navigation-fragment:2.4.1'
    implementation 'androidx.navigation:navigation-ui:2.4.1'

3.2 创建资源包

在values资源包下创建navigation包

3.3 创建父容器Activity和供于切换的两个Fragment

3.4 创建Navigation Graph

1. 即在资源包navigation下创建xml
   
   然后点开改xml，这里我推荐使用该xml的design页面操作，因为大大简洁了我们的操作逻辑。
2. 设置起始的Fragment，并设置路径。点击图中标红的图标可以设置Fragment，点击Fragment图的点连接另外的Fragment就可以设置路径3. 如上操作后，xml代码。是不是一眼顶针，相对于design实现Navigation Graph，代码实现难度大大上升。
   其中一个属性值得我们关注。

属性	解释
app:startDestination=“@id/mainFragment”	默认的起始位置

<?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_note_toshow"
    app:startDestination="@id/mainFragment">

    <fragment
        android:id="@+id/mainFragment"
        android:name="com.itaem.memodemo.Fragment.MainFragment"
        android:label="MainFragment" >
        <action
            android:id="@+id/action_mainFragment_to_noteShowFragment"
            app:destination="@id/noteShowFragment"/>
    </fragment>
    <fragment
        android:id="@+id/noteShowFragment"
        android:name="com.itaem.memodemo.Fragment.NoteShowFragment"
        android:label="activity_note_show"
        tools:layout="@layout/fragment_note_show" >
        <action
            android:id="@+id/action_noteShowFragment_to_mainFragment"
            app:destination="@id/mainFragment" />
    </fragment>
</navigation>

3.5 创建NavHost

在完成Navigation Graph，让我们回到Activity的xml里，在这里我们需要设置一个容器来存放Fragment，通常我们使用控件FragmentContainerView，代码如下。
其中也有三个属性值得我们关注

属性	解释
android:name=	此处需要固定值，androidx.navigation.fragment.NavHostFragment，声明为NavHostFragment
app:navGraph	这里存放3.4创建的资源文件，即Navigation Graph
app:defaultNavHost=“true”	与系统的返回按钮相关联，若是设置ture就可以在点击手机返回键时退出当前Fragment；false就禁止这种效果

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fragmentContainerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:name="androidx.navigation.fragment.NavHostFragment"
        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_note_toshow"/>

切记：此处创建成功后，起始位置的Fragment便与该Activity绑定且在Activity创建时便已经开始实例化。

3.6 利用NavController切换Fragment

起初MainFragment代码调用

    	// 这里我用了databinding,控件点击监听即可
        binding.btnInsert.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
            	// v为绑定的View
                NavController controller = Navigation.findNavController(v);
                // 传入动作action，或者碎片id
                controller.navigate(R.id.action_mainFragment_to_noteShowFragment);
            }
        });

末尾NoteShowFragment代码回退，如果此处仍用navigate（）方法，将会导致碎片栈没移除末尾（目标）Fragment，导致点系统back键出现错误逻辑现象。
所以我们选择出栈这个方法popBackStack（）。

        // 这里我用了databinding,控件点击监听即可
        binding.toolbarNoteShow.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                NavController navController = Navigation.findNavController(v);
                // 出栈，回退
                navController.popBackStack();
            }
        });

4.结语（大概？）

最后，MVVM组件Navigation的运用和功能可远远不止这点，不过主要是我项目只用到这些，所以这篇文章也只写到这里，之后如果还有用到其他功能，想必会对这篇文章进行扩充，或者另外些一篇Navigation基础运用（2）。
因为我也是个初学者，大家看完文章，如果觉得有可以改进的地方或者不明白的地方，热烈欢迎与我探讨。
项目代码地址：

https://github.com/Android5730/NotePadDemo