引入Jetpack架构后，你的App会发生哪些变化？ 前言

@[TOC 引入Jetpack架构后，你的App会发生哪些变化？
前言

上篇文章我给大家分享了我对Android架构的理解，从思想层面去讲述架构的演进过程。很多小伙伴读完后拍手叫好，表示还想听我讲一下对Jetpack 架构的看法，本着帮人帮到底的精神，今天我将再次动笔 尽量从本质上讲清楚Jetpack 架构存在的意义，以及解决的问题。

同时我也有一个基于Jetpack MVVM的完整开源项目，已经按照上篇文章提出的思想做了重构，目前托管在Github，希望也能为你提供一些帮助。github地址

知识储备：需要对Lifcycle、LiveData、ViewModel、DataBinding有基本了解
目录

1. 有了Lifecycle，再也不用担心生命周期同步问题
    1.1 为什么要做生命周期绑定？
    1.2 Lifecycle解决了哪些问题？
2. LiveData并不是只运用观察者模式
    2.1 观察者模式的优点有哪些？
    2.2 LiveData基于观察者模式又做了哪些扩展？
    2.3 LiveData + Lifecycle 实现 1 + 1 > 2
3. ViewModel与LiveData真乃天作之合
    3.1 如何优雅的实现Fragment之间通讯？
    3.2 由ViewModel担任 VM/Presenter 的好处有哪些？
4. 解除你对DataBinding的误解
    4.1 使用DataBinding的好处有哪些？
    4.2 为什么很多人说DataBinding很难调试？
5. Jetpack和MVVM有什么关系？
    5.1 什么是MVVM
    5.2 Jetpack只是让MVVM更简单、更安全

1. 有了Lifecycle，再也不用担心生命周期同步问题
   1.1 为什么要做生命周期绑定？

关于Activity/Fragment其最重要的概念就是生命周期管理，我们开发者需要在不同生命周期回调中做不同事情。比如onCreate做一些初始化操作，onResume做一些恢复操作等等等等，以上这些操作都比较单一直接去写也没有多大问题。

但有一些组件需要强依赖于Activity/Fragment生命周期，常规写法一旦疏忽便会引发安全问题，比如下面这个案例：

现有一个视频播放界面，我们需要做到当跳到另一个界面就暂停播放，返回后再继续播放，退出后重置播放,常规思路：

#class PlayerActivity
onCreate(){
player.init()
}
onResume(){
player.resume()
}
onPause(){
player.pause()
}
onDestroy(){
player.release()
}
复制代码

读过我上篇文章的小伙伴可能一眼就能看出来这违背了控制反转，人不是机器很容易写错或者忘写，特别是player.release()如果忘写便会引发内存泄漏 此时我们可以基于控制反转思想(将player生命周期控制权交给不会出错的框架)进行改造： 第一步：

interface ObserverLifecycle{
onCreate()
…
onDestroy()
}
复制代码

首先定义一个观察者接口,包含Activity/Fragment主要生命周期方法

第二步：

class BaseActivity{
val observers = mutableList()
onCreate(){
observers.forEach{
observer.onCreate()
}
}
…
onDestroy(){
observers.forEach{
observer.onDestroy()
}
}
}
复制代码

在BaseActivity中观察生命周期并逐一通知到observers的观察者

第三步：

class VideoPlayer : ObserverLifecycle{
onCreate(){
init()
}
…
onDestroy(){
release()
}
}
class PlayerActivity : BaseActivity{
observers.add(videoPlayer)
}
复制代码

播放器实现ObserverLifecycle接口，并在每个时机调用相应方法。PlayerActivity只需将videoPlayer注册到observers即可实现生命周期同步。

其实不光videoPlayer，任何需要依赖Activity生命周期的组件 只需实现ObserverLifecycle接口最后注册到Activity的observers即可实现生命周期自动化管理，进而可以规避误操作带来的风险
1.2 Lifecycle解决了哪些问题？

既然生命周期的同步如此重要，Google肯定不会视而不见，虽然自定义ObserverLifecycle可以解决这种问题，但并不是每个人都能想到。所以Google就制定了一个标准化的生命周期管理工具Lifecycle，让开发者碰到生命周期问题自然而然的想到Lifecycle，就如同想在Android手机上新建一个界面就会想到Activity一样。

同时Activity和Fragment内部均内置了Lifecycle，使用非常简单，以1.1 案例通过Lifecycle改造后如下：

class VideoPlayer : LifecycleObserver {
@OnLifecycleEvent(Lifecycle.Event.ON_CREATE)
fun onCreate(){
init()
}
…
@OnLifecycleEvent(Lifecycle.Event.ON_DESTROY)
fun onDestroy(){
release()
}
}
class PlayerActivity : BaseActivity{
lifecycle.addObserver(videoPlayer)
}
复制代码

两步操作即可，不用我们自己向观察者(videoPlayer)做生命周期分发处理。
2. LiveData并不是只运用观察者模式
2.1 观察者模式的优点有哪些？

观察者是一种常见并且非常实用的一种行为型模式，具有扩展性强、耦合性低的特性。

本文1.1 中 生命周期同步设计就是一个标准的观察者模式，ObserverLifecycle可作为观察者，PlayerActivity作为被观察者,当被观察者(PlayerActivity)生命周期发生改变时会主动通知到观察者(VideoPlayer)

同时观察者在不改变代码结构的情况随意扩展,比如PlayerActivity属于一个MVP架构，此时可以将Presenter实现ObserverLifecycle作为观察者 随后 注册到被观察者(PlayerActivity)中， 这样Presenter也可以监测到Activity生命周期，并且代码结构没有任何改变，符合开闭原则(对扩展开发 修改关闭)
2.2 LiveData基于观察者模式又做了哪些扩展？

LiveData符合标准的观察者模式，所以它具备扩展性强、耦合性低的特性，同样它还是一个存储数据的容器，当容器数据改变时会触发观察者，即数据驱动。

数据驱动是前端开发领域非常重要的一个概念，说数据驱动之前我们先思考一个问题，为什么要改变数据？ 答案显而易见，无非是想让数据使用者感知到而已，而LiveData可以优雅的实现这一流程，将 改变、通知 两步操作合并为一步 即省事也提高了安全性.

根据LiveData的特性决定它非常适合去做数据驱动UI，下面举个例子简单描述下：

需求：改变textView内容以及对应的数据，用LiveData实现方式如下

val liveData = MutableLiveData()
liveData?.observe(this, Observer { value->
textView.text = value
})
//这一步会改变liveData值并且会触发textView重新渲染
liveData.value = “android”
复制代码

看起来平平无奇甚至理所当然，但它确实解决了我们前端开发的痛点，在此之前数据和UI都需要我们开发者单独修改，当面对十几个View时很难做到不漏不忘。 引入liveData后改变数据会自动触发UI渲染，将两步操作合并为一步，大大降低出错的概率 关于数据驱动UI上篇文章我已经做了详细描述，感兴趣的可以翻回去查看。
2.3 LiveData + Lifecycle 实现 1 + 1 > 2

LiveData在Lifecycle的加持下可以实现只在可见状态接收通知，说的通俗一点Activity执行了onStop()后内部的LiveData就无法收到通知，这样设计有什么好处？ 举个例子： ActivityA和ActivityB共享同一个LiveData，伪代码如下

class ActivityA{
liveData?.observe(this, Observer { value->
textView.text = value
})
}
class ActivityB{
liveData?.observe(this, Observer { value->
textView.text = value
})
}
复制代码

当ActivityA启动ActivityB后多次改变liveData值，等回到ActivityA时 你肯定不希望Observer收到多次通知而引发textView多次重绘。

引入Lifecycle后这个问题便可迎刃而解，liveData绑定Lifecycle(例子中的this)后，当回到ActivityA时只会取liveData最新的值然后做通知，从而避免多余的操作引发的性能问题
3. ViewModel与LiveData真乃天作之合
3.1 Jetpack ViewModel 并不等价于 MVVM ViewModel

经常有小伙伴将Jetpack ViewModel 和 MVVM ViewModel，其实这二者根本没有在同一个层次，MVVM ViewModel是MVVM架构中的一个角色，看不见摸不着只是一种思想。 而Jetpack ViewModel是一个实实在在的框架用于做状态托管，有对应的作用域可跟随Activity/Fragment生命周期，但这种特性恰好可以充当MVVM ViewModel的角色，分隔数据层和视图层并做数据托管。

所以结论是Jetpack ViewModel可以充当MVVM ViewModel 但二者并不等价
3.2 如何优雅的实现Fragment之间通讯？

ViewModel官方定义是一个带作用域的状态托管框架，为了将其状态托管发挥到极致，Google甚至单独为ViewModel开了个后门，Activity横竖屏切换时不会销毁对应的ViewModel，为的就是横竖屏能共用同一个ViewModel，从而保证数据的一致性。

既然是状态托管框架那ViewModel的第一要务 就要时时刻刻保证最新状态分发到视图层，这让我不禁想到了LiveData，数据的承载以及分发交给Livedata，而ViewModel专注于托管LiveData保证不丢失，二者搭配简直是天作之合。

有了ViewModel加LiveData ，Fragment之间可以更优雅的通讯。比如我的开源项目中的音乐播放器（属于单Activity多Fragment架构下），播放页和首页悬浮都包含音乐基本自信，如下图所示：

image.png 想要使两个Fragment中播放信息实时同步，最优雅的方式是将播放状态托管在Activity作用域下ViewModel的LiveData中，然后各自做状态监听，这样只有要有一方改变就能立即通知到另一方，简单又安全，具体细节可至我的开源项目中查看。
3.3 由ViewModel担任 VM/Presenter 的好处有哪些？

传统MVVM和MVP遇到最多的的问题无非就是多线程下的内存泄露，ViewModel可以完全规避这个问题，内部的viewModelScope是一个协程的扩展函数，viewModelScope生命周期跟随ViewModel对应的Lifecycle（Activity/Fragment），当页面销毁时会一并结束viewModelScope协程作用域，所以将耗时操作直接放在viewModelScope即刻

另外在界面销毁时会调用ViewModel的onClear方法，可以在该方法做一些释放资源的操作，进一步降低内存泄露的风险
4. 解除你对DataBinding的误解
4.1 使用DataBinding的作用有哪些？

DataBinding最大的优点跟唯一的作用就是数据 UI双向绑定，UI和数据修改任何一方另外一方都会自动同步,这样的好处其实跟LiveData的类似，都是做数据跟UI同步操作，用来保证数据和UI一致性。其实写到这可以发现，不管是LiveData、DataBinding还是DiffUtil都是用来解决数据和UI一致性问题，可见Google对这方面有多么重视，所以我们一定要紧跟官方步伐

小知识点：

DataBinding包中的ObservebleFile作用跟LiveData基本一致，但ObservebleFile有一个去重的效果，

4.2 为什么很多人说DataBinding很难调试？

经常听一些小伙伴提DataBinding不好用，原因是要在xml中写业务逻辑不好调试，对于这个观点我是持否定态度的。并不是我同意xml中写业务逻辑这一观点，我觉得碰到问题就得去解决问题，如果解决问题的路上有障碍就尽量扫清障碍，而不是一味的逃避。

如{vm.isShow ? View.VISIBLE : View.GONE}之类的业务逻辑不写在xml放在哪好呢？关于这个问题我在上篇文章Data Mapper章节中描述的很清楚，拿到后端数据转换成本地模型(此过程会编写所有数据相关逻辑)，本地模型与设计图一一对应，不但可以将视图与后段隔离，而且可以解决xml中编写业务逻辑的问题。
5. Jetpack和MVVM有什么关系？
5.1 什么是MVVM

MVVM其实是前端领域一个专注于界面开发的架构模式，总共分为View、ViewModel、Repository三个模块 (需严格按照单一设计原则划分)

    View(视图层): 专门做视图渲染以及UI逻辑的处理
    Repository(远程): 代表远程仓库，从Repository取需要的数据
    ViewModel: Repository取出的数据需暂存到ViewModel，同时将数据映射到视图层

分层固然重要，但MVVM最核心点是通过ViewModel做数据驱动UI以及双向绑定的操作用来解决数据/UI的一致性问题。MVVM就这么些东西，千万不要把它理解的特别复杂

其实我上篇文章也简单说过，好的架构不应该局限到某一种模式(MVC/MVP/MVVM)上，需要根据自己项目的实际情况不断添砖加瓦。如果你们的后端比较善变我建议引入Data Mapper的概念～如果你经常和同事开发同一个界面，可以试图将每一条业务逻辑封装到use case中，这样大概率可以解决Git冲突的问题…等等等等，总之只要能实实在在 提高 开发效率以及项目稳定性的架构就是好架构.
5.2 Jetpack只是让MVVM更简单、更安全

Jetpack是Android官方为确立标准化开发而提供的一套框架，Lifecycle可以让开发者不用过多考虑 生命周期引发的一系列问题 ～ 有了DataBinding的支持让数据UI双向绑定成为了可能 ～ LiveData的存在解除ViewModel跟Activity双向依赖的问题…

归根到底Jetpack就是一套开发框架，MVVM在这套框架的加持之下变得更加简单、安全。

Tips:作者公司项目引入Jetpack后，项目稳定性有着肉眼可见的提升。
综上所述

Lifecycle 解决了生命周期 同步问题
LiveData 实现了真正的状态驱动
ViewModel 可以让 Fragment 通讯变得更优雅
DataBinding 让双向绑定成为了可能
Jetpack 只是让 MVVM 更简单、更安全

](这里写自定义目录标题)

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

• 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

这将产生一个流程图。:

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

• 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. mermaid语法说明 ↩︎

2. 注脚的解释 ↩︎