.NET中的WPF是什么?如何使用MVVM模式来构建桌面应用?

来源:这里教程网 时间:2026-02-21 17:30:22 作者:

WPF(Windows Presentation Foundation)是 .NET 框架中的一个用于构建 Windows 桌面应用程序的 UI 框架。它支持丰富的图形、动画、数据绑定和自定义控件,使用 XAML(可扩展应用程序标记语言)来定义用户界面,将界面设计与业务逻辑分离,便于开发和维护。

WPF 的核心特点

WPF 提供了比传统 WinForms 更强大的 UI 能力:

XAML:声明式语言,用于定义界面布局和控件结构 数据绑定:UI 元素可以自动同步到数据源,减少手动更新代码 样式与模板:支持统一的外观风格和深度定制控件外观 命令系统:将用户操作(如按钮点击)映射到逻辑处理方法 资源管理:集中定义颜色、字体、样式等共享资源

MVVM 模式简介

MVVM(Model-View-ViewModel)是一种专为 WPF 设计的架构模式,用于解耦界面与逻辑:

View:XAML 和代码后台,负责展示 UI 并绑定到 ViewModel ViewModel:暴露数据和命令供 View 绑定,处理业务逻辑 Model:表示数据结构和业务实体,可能包含数据访问逻辑

如何使用 MVVM 构建 WPF 应用

下面是一个简单示例,演示如何在 WPF 中实现 MVVM。

1. 创建 Model

定义数据实体:

public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
}
2. 创建 ViewModel

ViewModel 实现 INotifyPropertyChanged 接口,以便通知 UI 数据变化:

using System.ComponentModel;
using System.Runtime.CompilerServices;
public class MainViewModel : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            _name = value;
            OnPropertyChanged();
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string name = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
    }
}
3. 创建 View(XAML)

在 MainWindow.xaml 中绑定到 ViewModel:

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel>
        <TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}" />
        <TextBlock Text="{Binding Name}" FontSize="20" />
    </StackPanel>
</Window>
4. 设置 DataContext

在窗口加载时设置 ViewModel 为数据上下文:

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new MainViewModel();
    }
}

使用命令处理用户交互

通过 ICommand 实现按钮点击等操作:

public class MainViewModel : INotifyPropertyChanged
{
    private ICommand _sayHelloCommand;
    public ICommand SayHelloCommand =>
        _sayHelloCommand ?? (_sayHelloCommand = new RelayCommand(SayHello));
    private void SayHello()
    {
        MessageBox.Show($"Hello, {Name}!");
    }
    // ... 其他属性和事件
}

RelayCommand 是一个通用的 ICommand 实现,可在项目中自行定义或使用第三方库(如 Prism、MVVM Toolkit)。

在 XAML 中绑定命令:

<Button Content="Say Hello" Command="{Binding SayHelloCommand}" />

推荐工具和库

CommunityToolkit.Mvvm(原 MVVM Light Toolkit):提供 ObservableObject、ICommand 等简化实现 Prism:功能完整的 MVVM 框架,支持导航、事件聚合等 DevExpress / Telerik:商业 UI 控件库,集成良好 基本上就这些。掌握 WPF 和 MVVM 的关键是理解数据绑定和命令机制,合理分离关注点,让 UI 变化自动响应数据变化,提升可测试性和可维护性。

相关推荐