学习路线指引(点击解锁) | 知识定位 | 人群定位 |
---|---|---|
Python实战微信订餐小程序 | 进阶级 | 本课程是python flask+微信小程序的完美结合,从项目搭建到腾讯云部署上线,打造一个全栈订餐系统。 |
Python量化交易实战 | 入门级 | 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 |
谈谈android中多栈导航的几种实现.
当用户在app里切换页面时, 会需要向后回退到上一个页面, 页面历史被保存在一个栈里.
在Android里我们经常说"back stack".
有时候在app里我们需要维护多个back stack, 比较典型的场景是bottom navigation bar或者侧边的drawer.
如果需求要求在切换tab的时候保存每个tab上的历史, 这样当用户返回的时候还是返回到上次离开的地方, 这种就叫multiple stacks.
(与之对应的single stack行为是返回之后回到了tab首页.)
本文之后的内容都以bottom bar的多栈导航为例.
首先还是讨论一下需求.
当bottom bar不支持多栈时, 当点击切换底部tab, 再返回原来的tab, 所有在之上打开的页面都会消失, 只有第一层(根)页面会显示.
这也是可以接受的, 甚至在material design里面作为Android平台的默认行为被提及: material design
但它同时也说了, 如果需要的话, 这个行为是可以被改的.
如果你想保留用户在上个tab看过的内容状态, 很可能就需要做multi-stack, 每个tab上的栈是独立退出, 分别保留的.
通常, 这还不是仅有的需求.
如果用户点击已选中的tab, 需要重置这个stack吗?
需要定制转场动画吗?
需要保留tab历史吗? 比如从tab A -> B -> C, 在C的根页面back, 是想回到B还是回到home tab?
在bottom navigation的默认实现中(用Android Studio创建一个Bottom Navigation的新项目), 在非home tab的根节点, 点击back, 总是先回到home tab, 再次back才会退出app.
因为这样是符合固定start destination的原则的. 用户在打开后和关闭前, 看到的是同一个页面.
但是如果你有保存tab历史的需求, 也可以考虑如何定制它.
当你更进一步地涉及到实现层面, 你会遇到更多实际操作的问题, 比如怎么把一个详情页push到一个指定的栈, 如何pop destination.
让我们列一下几个需求点:
要进行导航的选型, 首先确定一下你的"destination"是什么.
是composable还是fragment, 或者干脆是View, 解决方案可能有很大的不同.
以这篇文章的scope来说, 我们就关注一个传统的android app, 用Activity和Fragment实现.
所以bottom tab上的tab内容, 是不同Fragment.
为什么这里要提一下Fragment的生命周期呢?
因为fragment的生命周期和它的ViewModel紧密关联, 进一步关系到了在导航过程中我们是否需要关注fragment的状态恢复和刷新.
首先复习一下Fragment生命周期的回调: 什么时候onDestroy
会被调用?
replace
transaction没有addToBackStack()
.popBackStack()
.当replace
transaction加上addToBackStack()
, 旧的fragment会被压入栈, 但它的生命周期只调用到onDestroyView().
当在它之上的其他fragment pop出来以后, 旧的这个fragment实例依然是同一个, 它重新显示, 重新从onCreateView()
开始走.
这是我们在single back stack下预期的行为.
ViewModel的生命周期和Fragment是对齐的, 也即Fragment的onDestroy()
调用时, ViewModel的onCleared()
被调用.
在导航切换目的地时, 如果fragment被destroy了, 我们可以保存一些关注的变量在saved instance bundle或者SavedStateHandle
里, 用于之后的状态恢复.
但是如果fragment没有被destroy, 我们可以剩下不少力气做这些状态恢复.
所以理想的状态是, 压栈后的fragment实例不会被销毁重建.
为了比较不同的解决方案, 我把一些sample放在了一起: https://github.com/mengdd/bottom-navigation-samples
官网: https://developer.android.com/guide/navigation
即便在FragmentManager的文档 里, 也建议开发者使用jetpack的navigation library来处理app的navigation.
multiple back stack的支持是Navigation 2.4.0-alpha01 和 Fragment 1.4.0-alpha01才加的.
试了下这个 demo,
代码非常简单, 我们基本什么都不用做.
关于这里面的思想可以看这篇文章: https://medium.com/androiddevelopers/multiple-back-stacks-b714d974f134
优点:
缺点:
如果我们想做更多的定制, 我们可以考虑用FragmentManager的新APIs自己手动实现.
在文档中doc 介绍的:
FragmentManager
allows you to support multiple back stacks with thesaveBackStack()
andrestoreBackStack()
methods. These methods allow you to swap between back stacks by saving one back stack and restoring a different one.
这是navigation component实现中实现多栈导航使用的方法.
所以也可以解释为什么切tab的时候fragment都被销毁了.
saveBackStack()
works similarly to callingpopBackStack()
with the optionalname
parameter: the specified transaction and all transactions after it on the stack are popped.
The difference is thatsaveBackStack()
saves the state of all fragments in the popped transactions.
优点:
缺点:
https://github.com/isaac-udy/Enro
对于多module的大型项目来说, 我很推荐这个库, 它可以帮助我们解耦module间的依赖.
multi-stack的demo
优点:
缺点:
https://github.com/Zhuinden/simple-stack
这里推荐一下这个库作者的文章Creating a BottomNavigation Multi-Stack using child Fragments with Simple-Stack.
关于如何用simple-stack来做multi-stack.
最开始作者展示了一个不用任何库, 仅用child fragments来实现的版本.
这是手动实现的另一种思想了.
后来才引入了用simple-stack做的demo
这是采用了原作者提供的sample, 比较简单, 试了一下以后我发现可能还需要添加更多的代码, 来做实际的应用.
比如详情页需要获得某个tab的local stack的实例, 从而把自己push上去.
优点:
缺点:
还有一些库, 不是通用的navigation解决方案, 而只是为多栈导航设计的小库.
比如:
这些库都自带sample.
优点:
缺点:
android (fragment实现) multi-stack navigation的可能解决方案:
方案 | 流行 | 整体方案 | 活跃 | 支持清空栈 | Fragment被保存, 不被销毁 | 支持Multi-modules | Compose扩展 |
---|---|---|---|---|---|---|---|
Jetpack Navigation Components | 官方, 最出名 | Yes | Yes | Yes | No | Yes | Yes |
Fragment Manager | Android SDK | - | Yes | Yes | No | No | - |
Enro | Star: 188 | Yes | Yes | No | Yes | Yes | Yes |
Simple Stack | Star: 1.2k | Yes | Yes | Yes | Yes | Yes | Yes |
Child Fragments | Android SDK | - | Yes | Yes | Yes | No | - |
JetradarMobile/android-multibackstack | Star: 224 | No | No | Yes | No | No | - |
DimaKron/Android-MultiStacks | Star: 32 | No | Not sure | Yes | Yes | No | - |
注意: