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();
}

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

相关推荐
The Sheep 20232 天前
WPF自定义路由事件
大数据·hadoop·wpf
阳光雨滴2 天前
使用wpf用户控件编程落石效果动画
c++·wpf
wuty0072 天前
WPF 调用 ChangeWindowMessageFilterEx 修改指定窗口 (UIPI) 消息筛选器的用户界面特权隔离
wpf·sendmessage·changewindowmessagefilterex·uip·消息筛选器的用户界面特权隔离·window message
攻城狮CSU2 天前
WPF中核心接口 INotifyPropertyChanged
wpf
c#上位机2 天前
wpf之Interaction.Triggers
c#·wpf
是木子啦2 天前
wpf passwordbox控件 光标移到最后
c#·wpf
The Sheep 20232 天前
wpf 命令理解
wpf
布伦鸽2 天前
C# WPF DataGrid使用Observable<Observable<object>类型作为数据源
开发语言·c#·wpf
分布式存储与RustFS2 天前
告别复杂配置:用Milvus、RustFS和Vibe Coding,60分钟DIY专属Chatbot
wpf·文件系统·milvus·对象存储·minio·rustfs·vibe
攻城狮CSU3 天前
WPF 绑定机制实现原理
wpf