WPF MVVM模式介绍

WPF (Windows Presentation Foundation)是.NET Framework的一部分,它提供了一种用于构建丰富的Windows桌面应用程序的方式。MVVM (Model-View-ViewModel) 是一种特定于UI的设计模式,它利用强大的数据绑定特性,是WPF和其它XAML基础的开发框架的首选设计模式。

MVVM模式将应用程序分为三个部分:

  1. Model(模型):模型代表的是数据和业务逻辑。它包括业务规则、数据访问、模型类等。
  2. View(视图):视图是用户看到和与之交互的界面。在WPF中,它通常是XAML文件。
  3. ViewModel(视图模型):ViewModel是视图的抽象,它包含视图中显示的状态和命令。换句话说,它是视图的功能性模型,并且是View和Model之间的连接器或者说适配器。

MVVM的主要优点是分离视图和模型,这样就可以使每个部分独立进行开发、测试和修改,同时还能保证UI和业务逻辑的同步。

下面是一个简单的WPF MVVM模式的代码示例:

Model(Person.cs):

csharp 复制代码
public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
}

ViewModel(PersonViewModel.cs):

csharp 复制代码
public class PersonViewModel : INotifyPropertyChanged
{
    private Person _person;

    public PersonViewModel()
    {
        _person = new Person { Name = "Tom", Age = 30 };
    }

    public string PersonName
    {
        get { return _person.Name; }
        set
        {
            if (_person.Name != value)
            {
                _person.Name = value;
                OnPropertyChanged("PersonName");
            }
        }
    }

    public int PersonAge
    {
        get { return _person.Age; }
        set
        {
            if (_person.Age != value)
            {
                _person.Age = value;
                OnPropertyChanged("PersonAge");
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

View(MainWindow.xaml):

xml 复制代码
<Window x:Class="MVVMExample.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:local="clr-namespace:MVVMExample"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <StackPanel>
            <Label Content="Name" />
            <TextBox Text="{Binding PersonName}" />
            <Label Content="Age" />
            <TextBox Text="{Binding PersonAge}" />
        </StackPanel>
    </Grid>
</Window>

在这个例子中,我们创建了一个表示人的模型(Person)。视图模型(PersonViewModel)包含了一个人的实例,并有两个属性,分别对应人的名字和年龄。这两个属性在设置值时触发PropertyChanged事件,这样用户界面就可以知道值已经改变。最后,视图(MainWindow.xaml)中的两个文本框分别绑定到了视图模型的PersonName和PersonAge属性。

注意,为了让这个例子工作,你需要在MainWindow的构造函数中设置DataContext:

csharp 复制代码
public MainWindow()
{
    InitializeComponent();
    this.DataContext = new PersonViewModel();
}

这样,视图就可以通过数据绑定访问视图模型的属性了。

相关推荐
脚踏实地皮皮晨15 小时前
003003002_WPF Grid 基类官方类定义逐行深度解析
开发语言·windows·算法·c#·wpf·visual studio
脚踏实地皮皮晨2 天前
003002004_WPF Panel 基类 官方类定义
开发语言·windows·算法·c#·wpf·visual studio
湿滑路面2 天前
Rouyan:使用WPF/C#构建的基于LLM的快捷翻译小工具
开发语言·c#·wpf
软萌萌的12 天前
C#中的多级缓存架构设计与实现深度解析
缓存·c#·wpf
dalong102 天前
WPF:3D正八面体自动旋转
3d·wpf
仙宇觉尘2 天前
WPF Stylet可以如何实现导航功能?
java·开发语言·wpf
丙氨酸長鏈3 天前
WPF 引用 ASP.NET Core 的 AOT 版本
后端·asp.net·wpf
Xin_ye100863 天前
第六章:破局——WPF内存泄漏解决方案
c#·wpf
FuckPatience3 天前
WPF Button Content 的StringFormat
java·前端·wpf
dalong104 天前
WPF:3D正四面体旋转改错
3d·wpf