MVVM的使用

最新推荐文章于 2025-06-24 10:56:25 发布
最新推荐文章于 2025-06-24 10:56:25 发布
阅读量406 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： MVVM 文章标签： Android MVVM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44499267/article/details/99769790

MVVM的简单使用方法

写一个小的Demo简单讲解一下使用的方法

用前准备，首先我们需要在我们的项目的Gradle文件当中去开始绑定数据的

//开启数据绑定
dataBinding {
    enabled=true
}

所用依赖

compile 'com.github.bumptech.glide:glide:3.7.0'
implementation "io.reactivex.rxjava2:rxjava:2.1.0" // 必要rxjava2依赖
implementation "io.reactivex.rxjava2:rxandroid:2.0.1" // 必要rxandrroid依赖，切线程时需要用到
implementation 'com.squareup.retrofit2:retrofit:2.5.0' //retrofit 的依赖
implementation 'com.squareup.retrofit2:converter-gson:2.5.0' //解析字符串的依赖
implementation 'com.squareup.retrofit2:adapter-rxjava2:2.3.0' // 必要依赖，和Rxjava结合必须用到，下面会提到

第一步我们需要去定义个网络接口的类

Demo所需的数据链接
在这里插入图片描述

第二步定义一个传递数据的接口

在这里插入图片描述
定义方法调用上面的接口
在这里插入图片描述

第三步创建数据的Model类，负责绑定视图和发送

在这里插入图片描述

第四步，创建我们的数据Bean类

在这里插入图片描述
bind url 这个非常的重要，我们后面在XML布局文件当中会用到
设置一个提供给ImagerView控件设置图片的方法 @BindingAdapter(“bind:url”) 代表了我们在布局里面引用的名字

第五步 创建布局

所有的布局必须用 layout 标签包裹住
对属性的描述
设置属性的名称和类型
在这里插入图片描述
调用属性，和上面的属性名称保持一致，里面的值，只能是我们上面规定的类型。
在这里插入图片描述
设置一个Recyclerview 负责展示数据

第六步 创建我们的item 子布局

在这里插入图片描述
在这里插入图片描述
因为我们Item 里面都是展示的Bean类里面的数据，所以我们直接把类型设置为我们的Bean类
在这里插入图片描述
通过我们定义的属性名称，去调用Bean类里面的属性给下面的 text 赋值
在这里插入图片描述
不一定非要叫URL，名称可以随意 阿猫阿狗也行

第七步 写我们的网络获取数据的代码

在这里插入图片描述
我们通过实现我们定义 IModel 方法，去实现它里面的getData方法，并把数据发送出去

第八步 创建Foodview的model类，并实现上面的IYMDXViewModel类

在这里插入图片描述

第九步 获取数据并传给适配器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第十步通过适配器去设置数据

在这里插入图片描述
Viewholder 直接写入我们的 dataBinding
在这里插入图片描述

Android mvvm使用流程
kk3087961的博客
02-26 878
ViewModelProvider初始化时如果不传递 ViewModelProvider.Factory,则ViewModelProvider内部会使用默认的 Factory,getTestLiveData 返回LiveData提供 数据给ViewModel，ViewModel 及view层获取到LiveData即监听数据的变化。ViewModel 类提供了一种保存和管理界面相关数据的机制，并确保这些数据在配置更改（如设备旋转）时不会丢失或重新创建。3.创建view类UiTestActivity。
WPF MvvM 使用 MEF 构建插件Demo
03-29
**WPF MvvM 使用 MEF 构建插件Demo** 在现代软件开发中，可扩展性和模块化设计是至关重要的。Windows Presentation Foundation (WPF) 提供了强大的UI框架，而Model-View-ViewModel (MvvM)模式则帮助我们实现清晰的...
MVVM基本使用
07-01
android MVVM的使用 android MVVM的使用android MVVM的使用android MVVM的使用
MVVM 基本的用法
qq_34987553的博客
09-21 533
MVVM 与 MVP 基本类似，将presenter 换为 ViewModel, 用 data-binding 连接 View 和 ViewModel，进行双向交互。当 View 修改时，会反映到 ViewModel,ViewModel 有变化，会影响到 View，它们之间互相影响，而不像 MVP ,只是 View 被动的接受 Presenter 的调用。关于 data-binding的知识，官网发
MVVM 和 MVC 的区别
最新发布
m0_51429350的博客
06-24 402
维度MVCMVVM是否支持数据绑定否是（双向绑定）UI 更新方式手动更新自动更新开发复杂度较低略高但更灵活可测试性一般高适用平台Web、后端渲染单页应用、前端框架、桌面应用等因此，MVVM 更适用于现代前端开发，尤其在需要频繁更新 UI 的场景下表现优异；而 MVC 则更适合传统的请求-响应型 Web 应用。
MVVM使用简介
小老头的博客
11-02 231
我们一步步来，从MVC开始。 MVC 我们都知道，模型——视图——控制器。为了使得程序的各个部分分离降低耦合性，我们对代码的结构进行了划分。 他们的通信方式也如上图所示，即View层触发操作通知到业务层完成逻辑处理，业务层完成业务逻辑之后通知Model层更新数据，数据更新完之后通知View层展现。在实际运用中人们发现View和Model之间的依赖还是太强，希望他们可以绝对独立的存在，慢慢的就演化...
MVVM最最最最基本的使用
AM12idi的博客
06-07 658
1.MVVM的概念 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑 2.MVVM的简单应用 在MVVM中我们的Java代码看起来会无比简洁明了，秉承一个原则:数据驱动UI 在App模块中的build.gradle里面的android模块内加
wpf下mvvm使用小例子
07-18
在视图中，我们使用`{Binding}`语法将控件的数据源绑定到视图模型的属性。例如，`txtName`的文本绑定到`Person.Name`，`txtAge`的文本绑定到`Person.Age`。 ```xml , UpdateSourceTrigger=PropertyChanged}" /> , ...
DVDataBind:基于KVO的轻量级 iOS 双向数据绑定响应式框架 (配合mvvm使用 )
05-31
一般配合MVVM架构使用,主要用于View和ViewModel双向绑定，也可用于其他数据双向绑定 这里介绍下双向数据绑定好处: View.textField 跟 ViewModel.text 绑定，用户在输入框textField输入"Hello World"，text也会响应式...
MVVM的简单使用
wlytctw的专栏
09-06 1837
我们知道在今年MVP的设计模式非常的火。MVP 是由 MVC 演变而来，在代码的解耦层次更加的独到！避免了更多的代码耦合度。在MVP 中 将 M(modle)层 与 V(View) 层脱离开来，更好的应证了代码的解耦，更多关于MVC、MVP的设计模式的区别可以查看相关的资料，在这里我们简单的梳理下由MVP 演变至MVVM 的过程，MVP重要的核心思想是按业务进行划分，为了更好的解耦，我们队View
MVVM使用
liu_hang_LH的博客
06-17 553
MVVM使用MVVM理解1.首先要启用databinding，因为我使用的是AS4.0,与之前的databinding不太一致，2.布局 有一个TextView 和一个RecyclerView3.ViewModel4 BaseViewModel5 View中观察属性的变化，比如list数据这样的，要处理的6.recyclerview 配合databinding7.网路请求使用Retrofit+okhttp总结 MVVM理解 MVVM 是Model（数据）、View（视图）、ViewModel（数据视图） ，
android MvvM使用
luoj_616的专栏
11-10 3952
MVC：M-Model-模型、V-View-视图(xml)、C-Controller-控制器(activity)，MVP作为MVC的演化版本，M-Model-模型、V-View-视图(activity)、P-Presenter-表示器。 从MVC和MVP两者结合来看，Controlller/Presenter在MVC/MVP中都起着逻辑控制处理的角色，起着控制各业务流程的作用。而 MVP与MVC最不同的一点是M与V是不直接关联的也是就Model与View不存在直接关系，这两者之间间隔着的是Presenter
MVVM教程[使用MVVM总结]
weixin_30838921的博客
09-07 150
国外著名的Jonathan Allen在评论里 提到几点错误使用MVVM的征兆： 1. 你的模型和视图模型名字相同。 视图模型不应该是对模型的包装。视图模型的职责是外部服务的请求中介，比如加载和保存数据。而数据本身，以及验证和大多数业务逻辑应该放在模型里。 我经常强调这点。每当你创建一个视图模型包装一个模型，你就在你的API里引入一个巨大漏洞。具体地，任何直接引用这个模型的东西都...
MVVM模式的使用
gaoXueYuan521的博客
11-17 340
最近项目都换成了MVVM的模式，这里说一下整的思路。 这个就是MVVM，把控制器剥离出来，减轻控制器的负担，简化代码提高代码质量，是这种模式的主要作用。 流程： 1.一个模块创建一个ViewModel，viewModel贯穿VC和View，是他们之间沟通的桥梁。 这是ViewModel的.h，是创建信号的，信号分两种，Command一般用于接口调用，Subject用于事件传递。在.
Android MVVM简单使用
小旭的专栏
09-06 1898
MVVM 是 Model-View-ViewModel 的简写，是M-V-VM三部分组成。它本质上就是 MVC 的改进版。MVVM 就是将其中的 View 的状态和行为抽象化，其中 ViewModel 将视图 UI 和业务逻辑分开，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。MVVM采用双向数据绑定，view中数据变化将自动反映到 viewmodel上，反之，model中数据变化也将会自动展示在页面上。
Android初步进阶之MVVM框架使用
weixin_42514162的博客
11-08 281
MVVM模式引入双向绑定。 首先，看一看MVVM的模式的图示。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201108124734892.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjUxNDE2Mg==,size_16,color_FFFFFF,t_70#pic_center
WPF中MVVM的基本使用
IT枫斗者的博客
11-19 1023
MVVM）是一种设计模式，特别适用于WPF）应用程序开发。它将应用程序分为三个核心部分：模型（Model）、视图（View）和视图模型（ViewModel），以实现关注点分离，提高代码的可维护性和可测试性。
wpf mvvm使用
06-14
### 什么是MVVM架构模式 MVVM（Model-View-ViewModel）是一种用于分离用户界面逻辑和业务逻辑的软件架构模式。它将应用程序分为三个主要部分：模型（Model）、视图（View）和视图模型（ViewModel）。这种分离有助于提高代码的可维护性、可测试性和复用性[^1]。 ### WPF中实现MVVM的基本步骤 #### 1. 创建项目结构 在WPF项目中，通常会创建以下文件夹来组织代码： - **Model**：存放数据模型类。 - **ViewModel**：存放与UI交互的逻辑类。 - **View**：存放XAML文件及其代码隐藏文件。 #### 2. 定义Model 模型表示应用程序的数据层。例如，定义一个简单的数据类 `DataModel`： ```csharp namespace WPF0416.Model { public class DataModel { public int Value { get; set; } } } ``` #### 3. 创建ViewModel 视图模型负责处理视图的逻辑并与模型进行交互。使用 `GalaSoft.MvvmLight` 库中的 `ViewModelBase` 类可以轻松实现属性更改通知机制。 示例代码如下： ```csharp using GalaSoft.MvvmLight; using WPF0416.Model; namespace WPF0416.ViewModel { public class MonitorViewModel : ViewModelBase { private DataModel _dataModel; public MonitorViewModel() { _dataModel = new DataModel(); } private int _data; public int Data { get { return _data; } set { _data = value; RaisePropertyChanged(() => Data); } } public void UpdateData(int newValue) { Data = newValue; } } } ``` #### 4. 设计View 视图是用户界面的部分，通常通过绑定到视图模型的属性来显示数据。以下是一个简单的 XAML 文件示例： ```xml <Window x:Class="WPF0416.View.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"> <TextBlock Text="Enter a number:" Margin="0,0,0,10"/> <TextBox x:Name="InputTextBox" Width="200" Height="30" Margin="0,0,0,10"/> <Button Content="Update" Command="{Binding UpdateCommand}" Margin="0,0,0,10"/> <TextBlock Text="{Binding Data}" FontSize="18"/> </StackPanel> </Grid> </Window> ``` #### 5. 绑定ViewModel到View 在 `App.xaml.cs` 或 `MainWindow.xaml.cs` 中设置视图模型为视图的数据上下文。例如： ```csharp using System.Windows; using WPF0416.ViewModel; namespace WPF0416.View { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DataContext = new MonitorViewModel(); } } } ``` #### 6. 实现命令绑定 为了响应用户操作（如按钮点击），可以在视图模型中定义命令。以下是使用 `RelayCommand` 的示例： ```csharp using GalaSoft.MvvmLight.Command; public class MonitorViewModel : ViewModelBase { // 其他代码... public RelayCommand<int> UpdateCommand { get; private set; } public MonitorViewModel() { _dataModel = new DataModel(); UpdateCommand = new RelayCommand<int>(UpdateData); } private void UpdateData(int newValue) { Data = newValue; } } ``` 在 XAML 中绑定命令时，可以通过传递参数来调用方法： ```xml <Button Content="Update" Command="{Binding UpdateCommand}" CommandParameter="{Binding ElementName=InputTextBox, Path=Text}"/> ``` ### 总结 上述示例展示了如何在WPF中实现MVVM架构模式。通过分离模型、视图和视图模型，可以显著提高代码的可维护性和可测试性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值