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 的数据绑定、命令和依赖属性等特性,提高应用程序的可维护性和可测试性。

  1. 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();
        }
    }
}
posted @   筑丹期码农  阅读(68)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示