3.3 使用Navigation
接下来，我们一起来学习如何使用Navigation。
3.3.1 创建Navigation Graph
新建一个Android项目后，依次选中res文件夹→New→Android Resource File，新建一个Navigation Graph文件。如图3-1所示，将File name设置为“nav_graph”，Resource type设置为“Navigation”。
图3-1
单击“OK”按钮，Navigation Graph就创建完成了。
所生成的nav_graph.xml文件与普通布局文件类似，也有Design和Text面板。在此，我们能在Destinations面板中，看见“No NavHostFragments found”的提示，如图3-2所示。
图3-2
需要注意的是，Navigation的使用需要依赖于相关支持库，因此Android Studio可能会询问你，是否自动帮你添加相关依赖，单击OK即可，如图3-3所示。
图3-3
当然，你也可以在build.gradle文件中手动添加依赖，示例如下。
3.3.2 添加NavHostFragment
NavHostFragment是一个特殊的Fragment，我们需要将其添加到Activity的布局文件中，作为其他Fragment的容器。
请注意，下面这一行代码在告诉系统，这是一个特殊的Fragment。
将app:defaultNavHost属性设置为true，则该Fragment会自动处理系统返回键。即当用户按下手机的返回按钮时，系统能自动将当前所展示的Fragment退出。
app:navGraph属性用于设置该Fragment对应的导航图。
添加NavHostFragment之后，再回到导航图上。此时，在Destinations面板中可以看见我们刚才设置的NavHostFragment，如图3-4所示。
图3-4
3.3.3 创建destination
依次单击加号按钮、“Create new destination”按钮，创建一个destination，如图3-5所示。
图3-5
destination是“目的地”的意思，代表着你想去的页面。它可以是Fragment或Activity，但最常见的是Fragment，因为Navigation组件的作用是方便开发者在一个Activity中管理多个Fragment。在此，我们通过destination创建一个名为MainFragment的Fragment，如图3-6所示。
接着，再次单击加号按钮，此时出现了我们刚才创建的MainFragment对应的布局文件fragment_main，如图3-7所示。单击该文件。
图3-6
图3-7
面板中出现了一个mainFragment，如图3-8所示。“Start”表示该MainFragment是起始Fragment，即NavHostFragment容器首先展示的Fragment。
图3-8
单击图3-8左下方的Text面板，查看布局文件的内容。
可以看到，在navigation标签下有一个startDestination属性，该属性指定起始destination为mainFragment。
运行程序，可以看到一个空白的Fragment，即destination所指定的mainFragment，如图3-9所示。
图3-9
3.3.4 完成Fragment页面切换
接下来看看Navigation如何帮助我们实现Fragment页面的切换。
与创建MainFragment的方式类似，先创建一个SecondFragment。如图3-10所示。
图3-10
单击mainFragment，用鼠标选中其右侧的圆圈，并拖拽至右边的secondFragment，松开鼠标，如图3-11所示。
图3-11
此时出现一个从mainFragment指向secondFragment的箭头，如图3-12所示。
图3-12
切换到Text面板，查看布局文件。可以看到多了一个<action/>标签，app:destination属性表示它的目的地是secondFragment。
3.3.5 使用NavControIIer完成导航
经过以上步骤后，我们还需要通过NavController对象，在代码中完成具体的页面跳转工作。
在MainFragment的布局文件中添加一个Button。
接着打开MainFragment，响应这个按钮的单击事件，完成具体的页面切换。需要注意的是，有两种方式可以完成页面的跳转，代码如下所示。
运行应用程序可以看到Fragment完成了切换，但切换没有动画效果，显得很生硬。Navigation组件考虑到了这一点，通过Android Studio，可以便捷地为页面切换添加动画。
3.3.6 添加页面切换动画效果
首先，在res/anim文件夹下加入常见的动画文件，如图3-13所示。
图3-13
接着，打开导航文件的Design面板，选中箭头，并在右边的Animations面板中为其设置动画文件，如图3-14所示。
图3-14
切换到Text面板，查看布局文件。可以看到它在<action/>标签中自动为我们添加了动画的相关代码。实际上，我们也可以直接在此编写代码，Design面板只是使用了可视化的方式以方便操作。
当然，我们还可以通过NavOptions对象在Java或Kotlin代码中，以代码的方式为Fragment添加页面切换动画，但导航图是比较方便和直观的方式。读者若有兴趣可以自己去尝试，这里就不做过多的介绍了。
运行应用程序，此时切换页面便可以看到动画效果。