[译]使用MVI打造响应式APP(八):导航

原文：REACTIVE APPS WITH MODEL-VIEW-INTENT - PART 8 - NAVIGATION
作者：Hannes Dorfmann
译者：却把清梅嗅

在上一篇博客中，我们探讨了协调模式是如何在Android中应用的。这次我想展示如何在Model-View-Intent中使用它。

如果您还不知道协调器模式是什么，我强烈建议您回过头来阅读上文内容。

在MVI中应用此模式与MVVM或MVP没有太大区别：我们将lambda作为导航的回调传递给我们的MviBasePresenter。有趣的是我们如何在状态驱动的架构中触发这些回调？我们来看一个具体的例子：

class FooPresenter(private var navigationCallback: ( () -> Unit )?
) : MviBasePresenter<FooView> {  lateinit var disposable : Disposableoverride fun bindIntents(){val intent1 = ...val intent2 = ...val intents = Observable.merge(intent1, intent2)val state = intents.switchMap { ... }// 这里就是有趣的部分val sharedState = state.share()disposable = sharedState.filter{ state ->state is State.Foo}.subscribe { navigationCallback!!() }subscribeViewState(sharedState, FooView::render)}override fun unbindIntents(){disposable.dispose() // disposable 导航navigationCallback = null // 避免内存泄漏}
}

其思想是：通过RxJava的 share() 操作符，我们对通常用来对View层渲染状态的Observable进行复用，再加上通过与 .filter() 操作符的组合使用，达到能够监听到确定的状态，这之后，当我们观察到该状态时，触发对应的导航操作，然后协调器模式就像我之前的博客文章中描述的那样进行工作。

系列目录

《使用MVI打造响应式APP》原文

Part 1: Model

Part 2: View and Intent

Part 3: State Reducer

Part 4: Independent UI Components

Part 5: Debugging with ease

Part 6: Restoring State

Part 7: Timing (SingleLiveEvent problem)

Part 8: In-App Navigation

《使用MVI打造响应式APP》译文

[译]使用MVI打造响应式APP(一):Model到底是什么

[译]使用MVI打造响应式APP[二]:View层和Intent层

[译]使用MVI打造响应式APP[三]:状态折叠器

[译]使用MVI打造响应式APP[四]:独立性UI组件

[译]使用MVI打造响应式APP[五]:轻而易举地Debug

[译]使用MVI打造响应式APP[六]:恢复状态

[译]使用MVI打造响应式APP[七]:掌握时机(SingleLiveEvent问题)

[译]使用MVI打造响应式APP[八]:导航

《使用MVI打造响应式APP》实战

实战：使用MVI打造响应式&函数式的Github客户端

关于我

Hello，我是却把清梅嗅，如果您觉得文章对您有价值，欢迎 ❤️，也欢迎关注我的博客或者Github。

如果您觉得文章还差了那么点东西，也请通过关注督促我写出更好的文章——万一哪天我进步了呢？

我的Android学习体系
关于文章纠错
关于知识付费

[译]使用MVI打造响应式APP(八):导航相关推荐

[译]使用MVI打造响应式APP(三):状态折叠器
原文:REACTIVE APPS WITH MODEL-VIEW-INTENT - PART3 - STATE REDUCER 作者:Hannes Dorfmann 译者:却把清梅嗅在上一章节中,我 ...
[译]使用MVI打造响应式APP[七]:掌握时机(SingleLiveEvent问题)
原文:REACTIVE APPS WITH MODEL-VIEW-INTENT - PART7 - TIMING (SINGLELIVEEVENT PROBLEM) 作者:Hannes Dorfman ...
Bootstrap实现的响应式APP下载页面代码
这次分享的是,一个设计优雅的APP下载页面主题,这套HTML是用当下最流行的Bootstrap框架实现的版本是v3.3.3,这套代码非常适合再次开发,代码简介没有多余的部分,结构组织清晰,代码注释完整 ...
Bootstrap页面布局16 - BS导航菜单和其响应式布局以及导航中的下拉菜单
代码: <div class='container-fluid'><h2 class='page-header'>导航</h2><!-- .navrbar n ...
html纵向固定导航菜单代码,jQuery和css3响应式垂直固定导航菜单插件
这是一款非常实用的jQuery和css3响应式垂直固定导航菜单插件.当你的页面上有很多的内容,用户需要花费大量的时间才能找到他们想要的内容.这个垂直固定导航菜单插件能够为页面提供一个内容预览,使用户能 ...
html5响应式导航条,10个响应式设计的导航菜单源码-附教程
10个响应式设计的导航菜单源码-附教程 Sponsor 在2013年里,响应式Web设计将会开始普及,我们应该学习这些新技术,尤其作为网页设计师和前端开发人员,学习CSS3样式表和HTML5是必不可少 ...
html5 box布局,使用Flexbox打造响应式网页网格布局
CSS3的Flexbox可以非常容易的制作出各种布局效果.前面我们已经结束了flexbox的基本使用方法,水平布局和垂直布局方法.这篇文章我们来看看如果制作具有响应式效果的flexbox双列网格布局效 ...
【译】什么是响应式编程
(原文地址:https://medium.com/@kevalpatel2106/what-is-reactive-programming-da37c1611382) . 现今,人 ...
响应式多级菜单侧边菜单栏_大菜单，小屏幕：响应式，多级导航
响应式多级菜单侧边菜单栏如果您曾经在响应式网站上工作,那么毫无疑问,您必须解决这个新兴领域中最棘手的问题之一:导航. 对于简单的导航,解决方案可以很简单. 但是,如果您要处理的事情比较复杂,可能有 ...

[译]使用MVI打造响应式APP(八):导航

系列目录

关于我

[译]使用MVI打造响应式APP(八):导航相关推荐

最新文章

热门文章