现学现用Android Jetpack - Navigation

image

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

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

语言：Kotlin

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

目录

–

一、简介

---

1. 定义

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

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

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

2. 优点

• 处理Fragment的切换（上文已说过）

• 默认情况下正确处理Fragment的前进和后退

• 为过渡和动画提供标准化的资源

• 实现和处理深层连接

• 可以绑定Toolbar、BottomNavigationView和ActionBar等

• SafeArgs（Gradle插件） 数据传递时提供类型安全性

• ViewModel支持

3. 准备

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

4. 学习方式

最好的学习方式仍然是通过官方文档，下面是官方的学习地址：

谷歌官方教程：Navigation Codelab

谷歌官方文档：Navigation

官方Demo：Demo地址

二、实战

---

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

| 名词 | 解释 |

| — | — |

| Navigation Graph(New XML resource) | 如我们的第一张图所示，这是一个新的资源文件，用户在可视化界面可以看出他能够到达的Destination(用户能够到达的屏幕界面)，以及流程关系。 |

| NavHostFragment(Layout XML view) | 当前Fragment的容器 |

| NavController(Kotlin/Java object) | 导航的控制者 |

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

第一步 添加依赖

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

ext.navigationVersion = “2.0.0”

dependencies {

//…

implementation “androidx.navigation:navigation-fragment-ktx:$rootProject.navigationVersion”

implementation “androidx.navigation:navigation-ui-ktx:$rootProject.navigationVersion”

}

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

buildscript {

ext.navigationVersion = “2.0.0”

dependencies {

classpath “androidx.navigation:navigation-safe-args-gradle-plugin:$navigationVersion”

}

}

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

apply plugin: ‘kotlin-android-extensions’

apply plugin: ‘androidx.navigation.safeargs’

第二步 创建navigation导航

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

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

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

<navigation

…

android:id=“@+id/login_navigation”

app:startDestination=“@id/welcome”>

<fragment

android:id=“@+id/login”

android:name=“com.joe.jetpackdemo.ui.fragment.login.LoginFragment”

android:label=“LoginFragment”

tools:layout=“@layout/fragment_login”

/>

<fragment

android:id=“@+id/welcome”

android:name=“com.joe.jetpackdemo.ui.fragment.login.WelcomeFragment”

android:label=“LoginFragment”

tools:layout=“@layout/fragment_welcome”>

<action

…/>

<action

…/>

<fragment

android:id=“@+id/register”

android:name=“com.joe.jetpackdemo.ui.fragment.login.RegisterFragment”

android:label=“LoginFragment”

tools:layout=“@layout/fragment_register”

<argument

…/>

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

| 属性 | 解释 |

| — | — |

| app:startDestination | 默认的起始位置 |

第三步 建立NavHostFragment

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

<androidx.constraintlayout.widget.ConstraintLayout

…>

<fragment

android:id=“@+id/my_nav_host_fragment”

android:name=“androidx.navigation.fragment.NavHostFragment”

app:navGraph=“@navigation/login_navigation”

app:defaultNavHost=“true”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

</androidx.constraintlayout.widget.ConstraintLayout>

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

| 属性 | 解释 |

| — | — |

| android:name | 值必须是androidx.navigation.fragment.NavHostFragment，声明这是一个NavHostFragment |

| app:navGraph | 存放的是第二步建好导航的资源文件，也就是确定了Navigation Graph |

| app:defaultNavHost="true" | 与系统的返回按钮相关联 |

第四步 界面跳转、参数传递和动画

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

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

方式一 利用ID导航

目标：WelcomeFragment携带key为name的数据跳转到LoginFragment，LoginFragment接收后显示。

Have a account ? Login按钮的点击事件如下：

btnLogin.setOnClickListener {

// 设置动画参数

val navOption = navOptions {

anim {

enter = R.anim.slide_in_right

exit = R.anim.slide_out_left

popEnter = R.anim.slide_in_left

popExit = R.anim.slide_out_right

}

}

// 参数设置

val bundle = Bundle()

bundle.putString(“name”,“TeaOf”)

findNavController().navigate(R.id.login, bundle,navOption)

}

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

方式二 利用Safe Args

目标：WelcomeFragment通过Safe Args将数据传到RegisterFragment，RegisterFragment接收后显示。

再看一下已经展示过的login_navigation.xml：

<navigation

…>

<fragment

…

/>

<fragment

android:id=“@+id/welcome”

<action

android:id=“@+id/action_welcome_to_login”

app:destination=“@id/login”/>

<action

android:id=“@+id/action_welcome_to_register”

app:enterAnim=“@anim/slide_in_right”

app:exitAnim=“@anim/slide_out_left”

app:popEnterAnim=“@anim/slide_in_left”

app:popExitAnim=“@anim/slide_out_right”

app:destination=“@id/register”/>

<fragment

android:id=“@+id/register”

…

<argument

android:name=“EMAIL”

android:defaultValue=“2005@qq.com”

app:argType=“string”/>

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

action标签

| 属性 | 作用 |

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

答应大伙的备战金三银四，大厂面试真题来啦！

这份资料我从春招开始，就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来，然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

《960全网最全Android开发笔记》

《379页Android开发面试宝典》

包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

如何使用它？
1.可以通过目录索引直接翻看需要的知识点，查漏补缺。
2.五角星数表示面试问到的频率，代表重要推荐指数

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

腾讯、字节跳动、阿里、百度等BAT大厂 2020-2021面试真题解析

资料收集不易，如果大家喜欢这篇文章，或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

大大增加通过前两轮技术面试的几率。

如何使用它？
1.可以通过目录索引直接翻看需要的知识点，查漏补缺。
2.五角星数表示面试问到的频率，代表重要推荐指数

[外链图片转存中…(img-CKggvFLz-1713686946380)]

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

[外链图片转存中…(img-Bp7whQns-1713686946381)]

腾讯、字节跳动、阿里、百度等BAT大厂 2020-2021面试真题解析

[外链图片转存中…(img-TR1gVU2g-1713686946382)]

资料收集不易，如果大家喜欢这篇文章，或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！