即学即用Android Jetpack系列Blog的目的是通过学习Android Jetpack完成一个简单的Demo，本文是即学即用Android Jetpack系列Blog的第一篇。

记得去年第一次参加谷歌开发者大会的时候，就被Navigation的图形导航界面给迷住了，一句卧槽就代表了小王的全部心情～，我们可以看一下来自网络的一张图片：

所以，Android Jetpack学习之旅就开始了。

本人打算每周学习一个组件（上图的左上区域），最后将所学的组件组成一个简单的Demo。同时，刚刚过去的2019年谷歌开发者大会宣布亲儿子Kotlin成为开发Android的首选语言，所以本文的Demo也将都会采用Kotlin编写。

本章结束后登录部分完成效果：

语言：Kotlin Demo地址：https://github.com/mCyp/Hoo

Navigation是什么呢？谷歌的介绍视频上说：

Navigation是一个可简化Android导航的库和插件

更确切的来说，Navigation是用来管理Fragment的切换，并且可以通过可视化的方式，看见App的交互流程。这完美的契合了Jake Wharton大神单Activity的建议。

如果想要进行下面的学习，你需要 3.2 或者更高的Android studio。

最好的学习方式仍然是通过官方文档，下面是官方的学习地址： 谷歌官方教程：Navigation Codelab 谷歌官方文档：Navigation 官方Demo：Demo地址

在实战之前，我们先来了解一下Navigation中最关键的三要素，他们是：

可能我这么解释还是有点抽象，做一个不是那么恰当的比喻，我们可以将Navigation Graph看作一个地图，NavHostFragment看作一个车，以及把NavController看作车中的方向盘，Navigation Graph中可以看出各个地点（Destination）和通往各个地点的路径，NavHostFragment可以到达地图中的各个目的地，但是决定到什么目的地还是方向盘NavController，虽然它取决于开车人（用户）。

模块层的build.gradle文件需要添加：

如果你要使用SafeArgs插件，还要在项目目录下的build.gradle文件添加：

以及模块下面的build.gradle文件添加：

创建基础目录：资源文件res目录下创建navigation目录 -> 右击navigation目录New一个Navigation resource file

创建一个Destination，如果说navigation是我们的导航工具，Destination是我们的目的地，在此之前，我已经写好了一个WelcomeFragment、LoginFragment和RegisterFragment，添加Destination的操作完成后如下所示：

除了可视化界面之外，我们仍然有必要看一下里面的内容组成，login_navigation.xml:

我在这里省略了一些不必要的代码。让我们看一下navigation标签的属性：

我们创建一个新的LoginActivity，在activity_login.xml文件中：

有几个属性需要解释一下：

在WelcomeFragment中，点击登录和注册按钮可以分别跳转到LoginFragment和RegisterFragment中。

这里我使用了两种方式实现：

目标：WelcomeFragment携带key为name的数据跳转到LoginFragment，LoginFragment接收后显示。 Have a account ? Login按钮的点击事件如下：

后续LoginFragment的接收代码比较简单，直接获取Fragment中的Bundle即可，这里不再出示代码。最后的效果：

目标：WelcomeFragment通过Safe Args将数据传到RegisterFragment，RegisterFragment接收后显示。 再看一下已经展示过的login_navigation.xml：

细心的同学可能已经观察到navigation目录下的login_navigation.xml资源文件中的action标签和argument标签，这里需要解释一下： action标签

argument标签

点击Android studio中的Make Project按钮，可以发现系统为我们生成了两个类：

WelcomeFragment中的JOIN US按钮点击事件：

RegisterFragment中的接收：

以及效果：

需要提及的是，如果不用Safe Args，action可以由Navigation.createNavigateOnClickListener(R.id.next_action, null)方式生成，感兴趣的同学可以自行编写。

Navigation可以绑定menus、drawers和bottom navigation，这里我们以bottom navigation为例，我先在navigation目录下新创建了main_navigation.xml，接着新建了MainActivity，下面则是activity_main.xml:

MainActivity中的处理也十分简单：

效果：

上图概括了本文的一些知识点，当然还有一些知识点没有涉及，比如深层连接等，其次，本文只是一篇入门型博客，关于更深层次的学习，本人会逐步进行。本人水平有限，文章难免有误，欢迎指正。 Over~

参考文章：

谷歌实验室 Android官方架构组件Navigation：大巧不工的Fragment管理框架

🚀如果觉得本文不错，可以查看Android Jetpack系列的其他文章：

第二篇：《即学即用Android Jetpack - Data Binding》 第三篇：《即学即用Android Jetpack - ViewModel & LiveData》 第四篇：《即学即用Android Jetpack - Room》 第五篇：《即学即用Android Jetpack - Paging》 第六篇：《即学即用Android Jetpack - WorkManger》

作者：九心_ 链接：https://www.jianshu.com/p/66b93df4b7a6