开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

将不同的viewmodel与其他viewmodel一起传递以显示页面

在软件开发中，ViewModel是一种设计模式，用于将数据和业务逻辑与用户界面（View）分离。它充当了View和Model之间的中间层，负责处理用户交互和数据展示。

将不同的ViewModel与其他ViewModel一起传递以显示页面，可以通过以下几种方式实现：

事件总线：使用事件总线机制，不同的ViewModel可以通过发布和订阅事件的方式进行通信。当一个ViewModel需要将数据传递给其他ViewModel时，它可以发布一个事件，其他ViewModel订阅该事件并接收数据。常见的事件总线库有EventBus和RxJava。
共享数据：在某些情况下，不同的ViewModel可能需要共享同一份数据。可以使用全局变量或单例模式来存储这些共享数据，不同的ViewModel可以直接访问和修改这些数据。但需要注意线程安全性和数据一致性的问题。
导航框架：使用导航框架可以实现不同ViewModel之间的页面跳转和参数传递。通过定义路由规则和参数传递方式，可以方便地在不同的ViewModel之间进行页面切换和数据传递。常见的导航框架有Jetpack Navigation和React Navigation。
依赖注入：通过依赖注入框架，可以将不同的ViewModel注入到需要它们的地方。这样，不同的ViewModel之间可以直接引用和调用对方的方法和属性，实现数据传递和页面展示。常见的依赖注入框架有Dagger和Koin。

总结起来，将不同的ViewModel与其他ViewModel一起传递以显示页面可以通过事件总线、共享数据、导航框架和依赖注入等方式实现。具体选择哪种方式取决于项目的需求和架构。在腾讯云的产品中，可以使用腾讯云的云开发服务（https://cloud.tencent.com/product/tcb）来搭建后端支持，使用腾讯云的云原生服务（https://cloud.tencent.com/product/tke）来部署和管理应用程序，使用腾讯云的云数据库（https://cloud.tencent.com/product/cdb）来存储数据。

相关搜索:如何使用mvvmcross UWP将Viewmodel中的值传递给其他ViewModel 如何将页面的非空XamlRoot传递给与页面关联的ViewModel调用的NavigationService？如何观察SwiftUI中的文本或以其他方式将字符串传递给ViewModel？将平均值与查询中的其他列一起显示将数组与要在ajax中使用的其他变量一起传递给JSON对象将CSV行读入数组，以在页面的不同区域显示单独的行如何将SVG与pygame一起使用(或者以更高的清晰度显示PNG)？将React Router与开关一起使用，并且在更改路由时无法让页面呈现不同的组件 python 集思录 python进程通信

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ViewModel：持久化、onSaveInstanceState()、UI 状态恢复和 Loader

ViewModel 被设计用来以与生命周期相关的方式保存和管理 UI 相关的数据。ViewModel 允许数据在例如屏幕旋转这样的配置更改后依然保留。...他们可以按 home 键或者通过应用的其他地方导航（出去）。抑或在查看搜索结果的时候电话打了进来或收到通知。然而用户最终希望的是当他们返回到那个 activity 的时候页面状态与离开前完全一样。...为了实现这两种情形下的行为，用可以将本地持久化、ViewModel 和 onSaveInstanceState() 一起使用。...例如，有些 activity 在被用户关闭后不会以一个全新的状态打开。一般地，当我在 Android 手机上关闭然后重新打开 Chrome 时，返回到了关闭 Chrome 之前正在浏览的页面。...ViewModel 与其他架构组件 LiveData 和 Room 一起使用可以替代 Loader。ViewModel 保证配置更改后数据不丢失。LiveData 保证 UI 与数据同步更新。

3.8K3 0

ViewModel：持久化、onSaveInstanceState()、UI 状态恢复和 Loader

我在上篇博文中用新的 ViewModel 类开发了一个简单的用例来保存配置更改过程中的篮球分数。ViewModel 被设计用来以与生命周期相关的方式保存和管理 UI 相关的数据。...ViewModel 被设计用来以与生命周期相关的方式保存和管理 UI 相关的数据。ViewModel 允许数据在例如屏幕旋转这样的配置更改后依然保留。...他们可以按 home 键或者通过应用的其他地方导航（出去）。抑或在查看搜索结果的时候电话打了进来或收到通知。然而用户最终希望的是当他们返回到那个 activity 的时候页面状态与离开前完全一样。...为了实现这两种情形下的行为，用可以将本地持久化、ViewModel 和 onSaveInstanceState() 一起使用。...ViewModel 与其他架构组件 LiveData 和 Room 一起使用可以替代 Loader。ViewModel 保证配置更改后数据不丢失。LiveData 保证 UI 与数据同步更新。

9932 0

MVVM 成为历史，Google 全面倒向 MVI

不过，从数据层获取的应用数据的格式通常不同于UI需要展示的数据的格式，因此我们需要将数据层数据转化为页面的状态因此界面层一般分为两部分，即UI层与State Holder，State Holder...在此类情况下，将这些不同的状态捆绑在一起的代价可能会超过其优势，尤其是当其中某个状态的更新频率高于其他状态的更新频率时。...举个例子，如果用户需要给新闻列表加个书签，那么就需要将事件传递给ViewModel，然后ViewModel更新UI State(中间可能有数据层的更新)，UI层订阅UI State订响应刷新，从而完成页面刷新...这种分离可让UI只发挥其名称所表明的作用：通过观察UI State变化来显示页面信息，并将用户输入传递给ViewModel以实现状态刷新。换句话说，单向数据流动有助于实现以下几点：数据一致性。...便可获取页面的所有状态，相对 MVVM 减少了不少模板代码添加状态只需要添加一个属性，降低了ViewModel与View层的通信成本，将业务逻辑集中在ViewModel中，View层只需要订阅状态然后刷新即可

1.8K1 0

C# WPF MVVM开发框架Caliburn.Micro 关于Conventions⑧

在这里，您的根ViewModel被传递给定位器，以确定应用程序的shell应该如何呈现。在Silverlight中，这将导致设置或您的RootVisual。在WPF中，这将创建主窗口。...此属性获取您的ViewModel，使用ViewLocator定位视图，然后将它们一起传递到ViewModelBinder。绑定完成后，视图被注入到定义属性的元素中。...此属性获取ViewModel并将其与定义该属性的元素一起传递到ViewModelBinder。换言之，这是视图优先，因为您已经在Xaml中内联实例化了视图，然后只是针对ViewModel调用绑定。...然后，使用ViewModelBinder将ViewModel连接到页面。...这意味着，当尝试应用约定时，将找不到上下文菜单、工具提示或任何其他不在可视化树中或这些特殊位置之一的内容。定制您可能不会遇到与上述元素位置限制相关的问题。

2.8K2 0

知识点 | ViewModel 四种集成方式

我们在 2019 年做的一份开发者问卷显示，超过 40% 的 Android 开发者已经在自己的应用中使用了 ViewModel。...ViewModel 可以将数据层与 UI 分离，而这种架构不仅可以简化 UI 的生命周期的控制，也能让代码获得更好的可测试性。...viewModelScope 当 ViewModel 被销毁时，通常都会有一些与其相关的操作也应当被停止。例如，假设您正在准备将一个位图 (bitmap) 显示到屏幕上。...Kotlin 协程与架构组件一起使用 developer.android.google.cn/topic/libra… 视频演讲: 理解 Android 中的 Kotlin 协程 v.youku.com...和导航图来精确限定数据在 Fragment 中的共享范围；使用 DataBinding 库时，可以将 ViewModel 传递给数据绑定 (binding)，如果同时有在 ViewModel 中使用

2.5K2 0

ViewModels 简单入门

ViewModel 类旨在以有生命周期的方式保存和管理与UI相关的数据。这使得数据可以在屏幕旋转等配置变化的情况下不丢失。这篇文章是详细探索ViewModel系列文章中的第一篇。...这个ViewModel类将保存与该屏相关的所有数据，提供 getter 和 setter。...这样，UI控制器就可以在UI交互发生时显示和更新数据，例如按下按钮以增加 Court-Counter 中的分数。...**class**); 这可以让你有一个应用程序，打开同一个 Activity or Fragment 的不同实例，但具有显示不同的 ViewModel 信息。...你只需要传递正确的UI 控制器实例就好。最后的思考： ViewModel非常好的把你的UI控制器代码与UI的数据分离出来。这就是说，它并不是能完成数据持久化和保存App 状态的工作。

1.2K7 0

浅谈ViewModel

大致流程：跳转时需要将数据按k-v封装入Bundle，或者将数据Parcelable传递给下个页面；下个页面修改数据并返回后，需要从onFragmentResult()的Intent解析并同步数据...； Intent传递的数据大小总量不能超过1M；麻烦且数据大小有限制。...ViewModel同时规避了传统方法的缺点： bind同一个Activity的Fragments均可以通过ViewModelProvider获取共同的数据对象，无需主动进行数据传递；脱离Intent、...的生命周期与Lifecycle同步，当Activity /Fragment超出Lifecycle范围（并不是onDestroy()回调），ViewModel连同其包含的数据一起被销毁了。...5 源码分析带着两个小问题简单的进行下源码分析： 1) ViewModel与Activity / Fragment的映射关系是如何建立起来的？

2.7K9 0

知识点 | ViewModel 四种集成方式

我们在 2019 年做的一份开发者问卷显示，超过 40% 的 Android 开发者已经在自己的应用中使用了 ViewModel。...ViewModel 可以将数据层与 UI 分离，而这种架构不仅可以简化 UI 的生命周期的控制，也能让代码获得更好的可测试性。如果想了解更多，可以参考 ViewModel: 简单介绍视频和官方文档。...viewModelScope 当 ViewModel 被销毁时，通常都会有一些与其相关的操作也应当被停止。例如，假设您正在准备将一个位图 (bitmap) 显示到屏幕上。...Kotlin 协程与架构组件一起使用 developer.android.google.cn/topic/libra… 视频演讲: 理解 Android 中的 Kotlin 协程 v.youku.com...和导航图来精确限定数据在 Fragment 中的共享范围；使用 DataBinding 库时，可以将 ViewModel 传递给数据绑定 (binding)，如果同时有在 ViewModel 中使用

3562 0

MVC、MVP、MVVM 架构的特点与区别

(Model-View-Controller)和(Model-View-ViewModel)在概念上都是基于分层的，将表现与数据分开的设计架构，M 和 V 基本上不是问题，但将这两个整合的中间这层可就有很多的学问...Model: 模型（用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法） View: 视图（渲染页面） Controller: 控制器（M和V之间的连接器，用于控制应用程序的流程，及页面的业务逻辑...视图对模型数据的低效率访问，依据模型操作接口的不同，视图可能需要多次调用才能获得足够的显示数据。对未变化数据的不必要的频繁访问，也将损害操作性能。...Model 做沟通，而 View 可以透过一些机制 (例如: Events，Databindings…) 来和 ViewModel 沟通以取得数据或将数据抛给 Model 做存取等工作，ViewModel...案例总结以上的解释是不是看蒙圈了，OK，我又发现一篇（作者：这是你的玩具车吗）博文里面写的讲解，发现挺容易懂的，我们一起来看一下。这三个架构的区别在“M与V联系”的部分。

5721 0

C# WPF MVVM开发框架Caliburn.Micro Screens, Conductors 和 Composition⑦

外壳可能会显示许多不同的屏幕，有些甚至同时显示。shell可能也会显示很多小部件，但它们不是任何屏幕的一部分。...与您的屏幕可能实现激活/停用界面的方式相同，它也可能实现一些界面，允许售票员询问“您可以关闭吗？”这引出了一个重要的问题：在某些情况下，停用屏幕与关闭屏幕相同，而在其他情况下，停用屏幕与关闭屏幕不同。...假设当前ActiveItem可以关闭，那么导体将推动它通过生命周期的停用阶段，将true传递给Deactivate方法以指示视图模型也应该关闭。...注意，与前面的示例不同，我实际上是将已执行项的类型限制为IScreen。在这个示例中并没有真正的技术原因，但这更接近于我在实际应用程序中的实际操作。...ViewModel Composition Caliburn.Micro的屏幕和导体最重要的特征之一是，它们是复合模式的实现，使它们易于以不同的配置组合在一起。

2.6K2 0

MVC、MVP、MVVM 架构的特点与区别

(Model-View-Controller)和(Model-View-ViewModel)在概念上都是基于分层的，将表现与数据分开的设计架构，M 和 V 基本上不是问题，但将这两个整合的中间这层可就有很多的学问...Model: 模型（用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法） View: 视图（渲染页面） Controller: 控制器（M和V之间的连接器，用于控制应用程序的流程，及页面的业务逻辑...视图对模型数据的低效率访问，依据模型操作接口的不同，视图可能需要多次调用才能获得足够的显示数据。对未变化数据的不必要的频繁访问，也将损害操作性能。...Model 做沟通，而 View 可以透过一些机制 (例如: Events，Databindings…) 来和 ViewModel 沟通以取得数据或将数据抛给 Model 做存取等工作，ViewModel...案例总结以上的解释是不是看蒙圈了，OK，我又发现一篇（作者：这是你的玩具车吗）博文里面写的讲解，发现挺容易懂的，我们一起来看一下。这三个架构的区别在“M与V联系”的部分。

5001 0

MVPMVCMVVM

, 我需要的只是新建相应的MVC模块, 加到对应的Scene即可. 4.可维护性: 各个模块间职责分离, 哪里出错改哪里, 完全不影响其他模块....； 3.MVP与MVC还有一点不同是，它的通信是双向的，如下图所示，有两个方向：V—>P—>M，M—>P—>V。...MVVM 1.MVVM是由MVP进化而来，MVVM模式基本上与MVP相同，只是把MVP中的P变成了VM，即ViewModel， 2.MVVM中的数据可以实现双向绑定，即View层数据变化则ViewModel...包含UIView以及UIViewController，View层是可以持有ViewModel的。 ViewModel层：视图适配器。暴露属性与View元素显示内容或者元素状态一一对应。...一般情况下ViewModel暴露的属性建议是readOnly的，至于为什么，我们在实战中会去解释。还有一点，ViewModel层是可以持有Model的。 Model层：数据模型与持久化抽象模型。

4892 0

mvc 和 mvvm 的区别和应用场景？

图片 MVC的思想：Controller负责将Model的数据用View显示出来，换句话说就是在Controller里面把Model的数据赋值给View。...MVC的特点：实现关注点分离，即应用程序中的数据模型与业务和展示逻辑解耦。就是将模型和视图之间实现代码分离，松散耦合，使之成为一个更容易开发、维护和测试的客户端应用程序。...，妨碍了他们的独立重用降低了视图对模型数据的访问，依据模型操作接口的不同，视图可能需要多次调用才能获得足够的显示数据。...MVVM MVVM是Model-View-ViewModel的简写，即模型-视图-视图模型。 Modal：模型，指的是后端传递的数据。 View：视图，指的是所看到的页面。...ViewModal：视图模型，mvvm模式的核心，它是连接view和model的桥梁。主要用来处理业务逻辑图片它有两个方向：一是将模型转化成视图，即将后端传递的数据转化成所看到的页面。

5952 0

MVVM模式

描述 MVVM模式简化了界面与业务的依赖，有助于将图形用户界面的开发与业务逻辑或数据模型的开发分离开来。...在MVVM中的ViewModel作为绑定器将视图层UI与数据层Model链接起来，在Model更新时，ViewModel通过绑定器将数据更新到View，在View触发指令时，会通过ViewModel传递消息到...View Model 组成 Model 以面向对象来对对事物进行抽象的结果，是代表真实状态内容的领域模型。...在Model更新时，ViewModel通过绑定器将数据更新到View，在View触发指令时，会通过ViewModel传递消息到Model。...优点低耦合: 视图View可以独立于Model变化和修改，一个ViewModel可以绑定到不同的View上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。

1.2K1 0

七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递

附加姓和名显示全名——逻辑层 2. 使用货币显示工资——逻辑层 3. 使用不同的颜色表示工资值，使用简单的逻辑改变了HTML元素的外观。...——逻辑层 ViewModel 解决方法 ViewModel是ASP.NET MVC应用中隐式声明的层。它是用于维护Model与View之间数据传递的，是View的数据容器。...View 与 ViewModel 之间是如何关联的？ View将变成ViewModel的强类型View。 Model和 ViewModel 是如何关联的？...新建EmployeeViewModel 为了达到实验目的，首先列出我们的实验需求： 1. 名和姓应该合并显示。 2. 使用货币显示数量 3. 薪资以不同的颜色来显示 4....新建并传递ViewModel 在GetView方法中，获取Model数据并且将强制转换为ViewModel对象。

2.3K9 0

浅谈开发中的MVVM模式及与MVP和MVC的区别

它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。...MVVM和MVP的关系而 MVVM 模式将 Presenter 改名为 ViewModel，基本上与 MVP 模式完全一致。...MVVM架构： Model：代表你的基本业务逻辑 View：显示内容 ViewModel：将前面两者联系在一起的对象一个ViewModel接口提供了两个东西：动作和数据。...视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。 2....你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。 3. 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。 4.

1.9K10 0

由浅入深，详解ViewModel的那些事

要完全理解其设计体系，往往也要伴随这其他组件的基础，所以并不是特别容易能被开发者吃透。故本篇将以最新视角开始，与你一起，用力一瞥 ViewModel 的设计原理。...相应的，我们的数据在没有额外处理的情况下，往往也会被初始化，然后在界面重启时重新加载。但如果当前页面需要维护某些状态不被丢失呢，比如选择、上传状态等等? 此时问题就变得棘手起来。...所以，在现在的开发中，我们开始将 View数据与逻辑藏于 ViewModel 中，然后对外部暴漏观察者，比如我们常常会搭配 LiveData 一起使用，以此更容易的保持状态同步。...两者的不同点在于，后者只能创建空构造函数的 ViewModel ，而前者没有这个限制。...至于更加详细的使用方式，这也非本篇要深入探索的细节，具体可参照其他同学的教程即可。至此，关于 ViewModel 设计思想以及状态保存原理，相信读过本篇的你也将不会有所疑问。

8084 0

聊聊iOS开发之MVVM的架构设计

MVC/MVVM都是就是设计模式的一种。在MVC的架构中，Model持有数据，View显示与用户交互的界面，而ViewController调解Model和View之间的交互。...Controller夹在View和ViewModel之间做的其中一个主要事情就是将View和ViewModel进行绑定....- view 和 view controller 都不能直接引用model，而是引用视图模型（viewModel） - viewModel 是一个放置用户输入验证逻辑，视图显示逻辑，发起网络请求和其他代码的地方...而数据绑定会使一个位置的bug传递到其他位置，难以定位。...比如，笔者可能用表格 tableHeaderView 视图来渲染简单的页面展示。

8.8K9 2

三大架构的比较

如想去动态的改变一个页面的背景，或者动态的隐藏/显示一个按钮，这些都没办法在xml中做，只能把代码写在activity中，造成了activity既是controller层。...逻辑处理层（Presenter）作为View与Model交互的中间纽带，处理与用户交互的负责逻辑。 1....View可以独立于Model变化和修改，一个ViewModel可以绑定到不同的”View”上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。 2、可重用性。...开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，生成xml代码。...双向绑定的概念让传统的布局文件由被动转为主动，数据驱动UI，而且View与ViewModel实现了完美的解耦，这也解决了MVP模式下的缺点。

1.1K10 0

Google 推荐在 MVVM 架构中使用 Kotlin Flow

这是获取神奇宝贝的详细信息，通过 DataBinding 以声明方式将数据（神奇宝贝的体重）绑定到界面上，更多使用参考项目中的代码。...Observer { // 将数据显示在页面上 }) 方式二：使用 LiveData 协程构造方法 (coroutine builder) 提供的协程代码块，产生的是一个不可变的 LiveData...).observe(this, Observer { // 将数据显示在页面上 }) 方式三：调用 Flow 的扩展方法 asLiveData() 返回一个不可变的 LiveData，在 Activity...fectchPokemonInfo3(mPokemonModel.name).observe(this@DetailsFragment, Observer { // 将数据显示在页面上...，欢迎一起来学习，在技术的道路上一起前进。

4.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭