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
- 即在资源包navigation下创建xml
然后点开改xml,这里我推荐使用该xml的design页面操作,因为大大简洁了我们的操作逻辑。 - 设置起始的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)。
因为我也是个初学者,大家看完文章,如果觉得有可以改进的地方或者不明白的地方,热烈欢迎与我探讨。
项目代码地址: