WPF 使用GalaSoft.MvvmLight实现MVVM
1、什么是MVVM?
MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM模式有助于将应用程序的业务和表示逻辑与用户界面 (UI) 清晰分离。 保持应用程序逻辑和UI之间的清晰分离有助于解决许多开发问题,并使应用程序更易于测试、维护和演变。 它还可以显著提高代码重用机会,并允许开发人员和UI设计人员在开发应用各自的部分时更轻松地进行协作。
MVVM可用于跨平台软件的代码架构设计。
2、如何被滥用的
现在一说WPF就需要会MVVM,这股风起源于微软对WPF的宣传。MVVM固然有优势,但是微软描述了MVVM的使用场景。而大多数作者在描述MVVM时,不会去强调MVVM的使用场景。时间一长‘不会MVVM就不算会WPF’就真的变成了写WPF就得用MVVM,而不是MVVM很重要了。对此我希望大家可以正确理解MVVM不要滥用。
MVVM虽然会使应用程序更易于测试、维护和演变。但是有以下缺点:
MVVM本身会增加代码量,业务代码不复杂的小界面不适合使用,会增加编码时间和阅读代码的困难度。
ViewModel分割了model与View间的直接关系,让操作View使用的代码变多;降低编程的快感;
对于只有一两位开发人员的小型应用程序来说,这种严格分离带来的好处可能无法抵消编码所浪费的时间。原有的事件机制更适合这种程序;
对于复杂的View,我们在不使用MVVM时,建立一个有嵌套结构的Model就已经感觉到困难,再加一个MVVM的ViewModel要考虑时事情就变多了。可能需要重构ViewModel才能解决。
3、什么时候该用?什么时候不该用?
(1)该用:
① 对View修改频繁,则用MVVM(无需触及代码即可重新设计应用 UI,前提是视图完全在 XAML 中实现);
② View用户界面设计人员(程序员,非指原型设计)与应用程序的业务开发人员独立时,可以用MVVM模式分离View与Model;但是要消耗一些时间做好沟通,不要影响上线周期;
③ View 与 ViewModel 的分离还使得 ViewModel 更有利于单元测试和重用;需要对View进行独立测试或者排除View进行单元测试时,则选择MVVM;
④ 大型项目;
(2)不该用:
① 对View后续控件改动不大;
② Hello,World !,小管理系统,小型上位机系统等应用程序业务不复杂的小项目;
(3)都可,根据软件实际情况和代码开发者习惯进行考虑:
① 中等项目,后续会改动,界面改动不频繁。
MVVM(Model-View-ViewModel) 是一种设计模式,用于分离用户界面(View)与业务逻辑(ViewModel)和数据模型(Model)。这种模式特别适用于 WPF(Windows Presentation Foundation)应用程序,因为它可以充分利用 WPF 的数据绑定、命令和依赖属性等特性,提高应用程序的可维护性和可测试性。
- MVVM 的三个主要组件
Model(模型):
定义:表示应用程序的数据模型,通常是一些类,这些类包含业务逻辑和数据访问代码。
职责:处理数据的获取、存储和验证等操作。
示例
public class User
{
public int Id { get; set; }
public string Name { get; set; }
public string Email { get; set; }
}
View(视图):
定义:表示用户界面,通常是一个 XAML 文件,包含 UI 控件和布局。
职责:显示数据和处理用户输入,但不包含任何业务逻辑。
示例:
<Window x:Class="Wpfxfdemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
xmlns:local="clr-namespace:Wpfxfdemo"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="200"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBox Text="{Binding UserName}" Margin="10" Grid.Column="0" ></TextBox>
<Button Content="Save" Command="{Binding SaveCommand}" Margin="10" Grid.Column="1"></Button>
<Button Content="Open" Command="{Binding OpenWindows}" Grid.Row="1"/>
</Grid>
</Window>
ViewModel(视图模型):
定义:充当 Model 和 View 之间的中介,包含 UI 逻辑和业务逻辑。
职责:处理数据绑定、命令绑定和用户交互逻辑。
示例:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;
using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
namespace Wpfxfdemo
{
public class MainViewModel: INotifyPropertyChanged
{
private string _userName;
public string UserName
{
get => _userName;
set
{
if (_userName != value)
{
_userName = value;
OnPropertyChanged(nameof(UserName));
}
}
}
public ICommand SaveCommand { get; private set; }
public ICommand OpenWindows { get; set; }
public MainViewModel()
{
SaveCommand = new RelayCommand(Save);
OpenWindows = new RelayCommand(OpenCommand);
}
private void Save()
{
var ss = UserName;
UserName ="333";
}
private void OpenCommand()
{
Window1 wid = new Window1();
wid.Show();
}
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
}
页面(xaml)与ViewModel绑定
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace Wpfxfdemo
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
this.DataContext =new MainViewModel();
}
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?