WPF优秀项目推荐：Stylet 一个非常轻量但强大的 ViewModel-First MVVM 框架

WPF优秀项目推荐Stylet 一个非常轻量但强大的 ViewModel-First MVVM 框架在WPF开发中MVVM模式几乎是标准实践。但很多开发者面对Prism、MVVM Light等框架时常常被复杂的配置和庞大的体积所困扰。今天我要介绍一个“小而美”的MVVM框架——Stylet它只有几十KB却提供了完整的ViewModel-First开发体验特别适合中小型WPF项目。## 什么是StyletStylet是一个基于.NET的开源MVVM框架由知名开发者Caleb Jenkins创建。它的核心设计理念是“ViewModel-First”即优先设计ViewModel然后让View自动绑定。相比传统View-First模式这种方式让代码更易于测试和维护。Stylet的特点- 极简设计核心DLL仅30KB左右- 零配置无需定义View-ViewModel映射- 自动绑定通过命名约定自动连接View和ViewModel- 内置IoC容器支持依赖注入- 事件聚合器轻松实现模块间通信- 完全开源MIT许可证可自由使用## 为什么选择Stylet想象一下你只需要写一个ViewModel类再创建一个同名的View如MainViewModel对应MainViewStylet就会自动将它们关联起来。这种“约定优于配置”的思路让开发体验非常流畅。### 安装Stylet通过NuGet包管理器安装bashInstall-Package Stylet或者使用.NET CLIbashdotnet add package Stylet## 基础示例一个简单的计数器让我们从最经典的计数器例子开始感受Stylet的简洁。### 第一步创建ViewModelcsharp// ViewModels/CounterViewModel.csusing Stylet;namespace MyApp.ViewModels{ // 继承Screen基类获得属性变更通知等MVVM基础功能 public class CounterViewModel : Screen { private int _count 0; // 属性通过NotifyOfPropertyChange自动通知View更新 public int Count { get _count; set { SetAndNotify(ref _count, value); // 每次Count变化时检查按钮状态 NotifyOfPropertyChange(() CanDecrement); } } // 命令通过命名约定自动生成ICommand // 方法名为Increment则View中可以直接绑定 public void Increment() { Count; } // 带条件的命令CanDecrement属性控制按钮是否可用 public bool CanDecrement Count 0; public void Decrement() { Count--; } // 构造函数可以注入其他服务 public CounterViewModel() { Count 0; } }}### 第二步创建Viewxaml!-- Views/CounterView.xaml --Window x:ClassMyApp.Views.CounterView xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml TitleStylet 计数器 Height200 Width300 StackPanel VerticalAlignmentCenter HorizontalAlignmentCenter TextBlock Text{Binding Count} FontSize48 HorizontalAlignmentCenter/ StackPanel OrientationHorizontal Margin0,20,0,0 Button Content增加 Command{Binding Increment} Width80 Height30/ Button Content减少 Command{Binding Decrement} Width80 Height30 Margin10,0,0,0 IsEnabled{Binding CanDecrement}/ /StackPanel /StackPanel/Window### 第三步配置App启动csharp// App.xaml.csusing Stylet;using StyletIoC;namespace MyApp{ public partial class App : StyletApplication { // 配置IoC容器 protected override void ConfigureIoC(IStyletIoCBuilder builder) { // 注册ViewModel和ViewStylet会自动扫描 // 也可以注册其他服务builder.BindIService().ToService(); } // 指定启动的ViewModel protected override void OnStart() { // 显示主窗口 base.OnStart(); } }}xaml!-- App.xaml --Application x:ClassMyApp.App xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml xmlns:shttps://github.com/canton7/Stylet Application.Resources !-- 默认主题可选 -- ResourceDictionary ResourceDictionary.MergedDictionaries s:ApplicationTheme / /ResourceDictionary.MergedDictionaries /ResourceDictionary /Application.Resources/Application运行效果点击按钮数字会实时更新当Count为0时“减少”按钮自动禁用。## 深入示例带服务注入的Todo列表现在让我们构建一个更实用的Todo列表应用展示依赖注入和事件聚合器的用法。### 第一步创建服务接口和实现csharp// Services/ITodoService.csusing System.Collections.ObjectModel;namespace MyApp.Services{ public interface ITodoService { ObservableCollectionTodoItem GetTodos(); void AddTodo(string title); void RemoveTodo(TodoItem item); } public class TodoItem { public string Title { get; set; } public bool IsCompleted { get; set; } }}csharp// Services/TodoService.csusing System.Collections.ObjectModel;namespace MyApp.Services{ public class TodoService : ITodoService { private readonly ObservableCollectionTodoItem _todos new(); public ObservableCollectionTodoItem GetTodos() _todos; public void AddTodo(string title) { _todos.Add(new TodoItem { Title title }); } public void RemoveTodo(TodoItem item) { _todos.Remove(item); } }}### 第二步创建ViewModelcsharp// ViewModels/TodoListViewModel.csusing Stylet;using MyApp.Services;namespace MyApp.ViewModels{ public class TodoListViewModel : Screen { private readonly ITodoService _todoService; private string _newTodoTitle; // 绑定到列表控件 public ObservableCollectionTodoItem Todos { get; } // 新任务的标题 public string NewTodoTitle { get _newTodoTitle; set { SetAndNotify(ref _newTodoTitle, value); NotifyOfPropertyChange(() CanAddTodo); } } // 添加按钮是否可用标题不为空 public bool CanAddTodo !string.IsNullOrWhiteSpace(NewTodoTitle); // 添加任务命令 public void AddTodo() { if (!string.IsNullOrWhiteSpace(NewTodoTitle)) { _todoService.AddTodo(NewTodoTitle); NewTodoTitle string.Empty; // 清空输入框 } } // 删除任务命令参数通过CommandParameter传递 public void RemoveTodo(TodoItem item) { _todoService.RemoveTodo(item); } // 构造函数注入服务 public TodoListViewModel(ITodoService todoService) { _todoService todoService; Todos _todoService.GetTodos(); } }}### 第三步创建Viewxaml!-- Views/TodoListView.xaml --Window x:ClassMyApp.Views.TodoListView xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml TitleStylet Todo列表 Height400 Width500 Grid Margin20 Grid.RowDefinitions RowDefinition HeightAuto/ RowDefinition Height*/ /Grid.RowDefinitions !-- 输入区域 -- StackPanel OrientationHorizontal Grid.Row0 TextBox Text{Binding NewTodoTitle, UpdateSourceTriggerPropertyChanged} Width300 Height30/ Button Content添加 Command{Binding AddTodo} Width80 Height30 Margin10,0,0,0/ /StackPanel !-- 列表区域 -- ListBox Grid.Row1 ItemsSource{Binding Todos} Margin0,20,0,0 ListBox.ItemTemplate DataTemplate Grid Grid.ColumnDefinitions ColumnDefinition Width*/ ColumnDefinition WidthAuto/ /Grid.ColumnDefinitions TextBlock Text{Binding Title} VerticalAlignmentCenter/ Button Grid.Column1 Content删除 Command{Binding DataContext.RemoveTodo, RelativeSource{RelativeSource AncestorTypeListBox}} CommandParameter{Binding}/ /Grid /DataTemplate /ListBox.ItemTemplate /ListBox /Grid/Window### 第四步注册服务和启动csharp// App.xaml.cs修改ConfigureIoC方法protected override void ConfigureIoC(IStyletIoCBuilder builder){ // 注册服务 builder.BindITodoService().ToTodoService().InSingletonScope(); // 注册ViewModel自动扫描 builder.BindTodoListViewModel().ToSelf();}效果展示输入任务标题后点击“添加”任务会出现在列表中点击每项旁的“删除”按钮可移除对应任务。所有数据通过依赖注入管理View只负责显示。## 核心特性深度解析### 1. ViewModel-First模式传统MVVM框架如Prism通常是View-First先创建View然后在View的Code-behind中获取ViewModel。Stylet反其道而行你只需要定义ViewModel框架会自动创建对应的View并绑定。**工作流程**1. 在IoC容器中注册ViewModel2. 调用WindowManager.ShowWindow(viewModel)或使用导航3. Stylet根据命名约定如MainViewModel→MainView创建View4. 自动绑定DataContext和交互逻辑### 2. 命令系统Stylet的方法可直接作为命令绑定无需显式定义ICommand-public void MethodName()→ 绑定Command{Binding MethodName}-public bool CanMethodName→ 控制命令可用性- 支持带参数的方法public void MethodName(ParameterType param)### 3. 属性变更通知通过SetAndNotify方法简化了INotifyPropertyChanged的实现csharpprivate string _name;public string Name{ get _name; set SetAndNotify(ref _name, value);}### 4. 事件聚合器内置IEventAggregator接口支持弱引用事件避免内存泄漏csharp// 发布事件_eventAggregator.Publish(new MyEvent());// 订阅事件_eventAggregator.Subscribe(this, handleEventMethod);## 与其他框架对比| 特性 | Stylet | Prism | MVVM Light ||------|--------|-------|------------|| 体积 | ~30KB | ~500KB | ~100KB || 配置复杂度 | 极低 | 较高 | 中等 || IoC容器 | 内置 | 可选 | 无 || 导航系统 | 内置 | 完整 | 无 || 学习曲线 | 平缓 | 陡峭 | 中等 || 适合项目 | 中小型 | 大型企业 | 小型 |## 总结Stylet是一个被低估的MVVM框架它用极小的体积实现了日常开发中最需要的功能。如果你厌倦了Prism的复杂配置或者觉得MVVM Light功能不足不妨试试Stylet。它特别适合- 快速原型开发- 中小型WPF项目- 追求代码简洁的开发者- 需要良好测试性的应用通过本文的两个示例你应该已经感受到Stylet的简洁和强大。它没有魔法只有精心设计的约定和API。下次你开启WPF项目时别忘了这个轻量而强大的选择。