ViewModel从未如此清爽 - 轻量级WPF MVVM框架Stylet

Stylet是我最近发现的一个WPF MVVM框架, 在博客园上搜了一下, 相关的文章基本没有, 因此写了这个入门的文章推荐给你们.

Stylet是受Caliburn Micro项目的启发, 因此借鉴了其中的不少概念, 同时精简了一些部分, 如只支持MVVM, WPF和.NET 4.5(Silverlight和Xamarin不受支持), 因此Style自己很小巧, DLL才140KB左右.

虽然身材小,但相比知名的MVVM框架, 如MVVM Light等功能却一点都不差,加上很完善的文档,高覆盖率的单元测试,我认为它是一个颇有潜力的MVVM框架.

下面就经过一个相似Hello World的小例子, 给你们演示一下Stylet既简洁又强大的功能.

建立工程

建立一个标准的WPF工程, 命名为StyletStudy

安装Style.Start包

打开包管理器命令行, 执行如下命令:

Install-Package Stylet.Start.

Stylet.Start会自动添加Stylet的引用, 并生成Stylet项目基本的文件, 安装成功后, 项目结构以下所示:

此时,你就能够按F5启动项目, 看看你的第一个Stylet项目的样子吧.

绑定属性

固然,若是只是这样,那么根本没有展示Stylet的魅力, 下面咱们加入一些小改动, 用来揭开Stylet美丽的面纱.

1. 在ShellViewModel.cs中增长一个Name属性
2. 在ShellView.xaml中增长一个TextBox, 绑定Name

Name属性:

using Stylet;

namespace StyletStudy.Pages
{
    public class ShellViewModel : Screen
    {
        public string Name { get; set; } = "waku";  // C#6的语法, 声明自动属性并赋值
    }
}

TextBox:

<Window x:Class="StyletStudy.Pages.ShellView"
        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:StyletStudy.Pages"
        mc:Ignorable="d"
        Title="Stylet Start Project" Height="350" Width="525"
        xmlns:s="https://github.com/canton7/Stylet"
        d:DataContext="{d:DesignInstance local:ShellViewModel}">
    <StackPanel>
        <TextBox Text="{Binding Name}"></TextBox>
    </StackPanel>
</Window>

也许你会注意到, 为TextBox设置绑定时, Visual Studio是有智能提示的:

这是由于贴心的Stylet已经为你将设计时的DataContext设置为ShellViewModel, 注意XAML的第10行:

d:DataContext="{d:DesignInstance local:ShellViewModel}">

再次启动, 能够看到属性的绑定已经成功了:

绑定命令

Stylet中对Command的实现方式深受Caliburn.Micro的影响,这也是Caliburn.Micro一大亮点,即经过命名约定实现Command的绑定.

1. 在ShellViewModel.cs中增长一个SayHello方法
2. 在ShellView.xaml中增长一个Button, 绑定SayHello

SayHello方法:

public string Name { get; set; } = "waku";

        public void SayHello() => Name = "Hello " + Name;    // C#6的语法, 表达式方法
}

SayHello只是简单的在Name前加上"Hello ".

Button:

<StackPanel>
        <TextBox Text="{Binding Name}"></TextBox>
        <Button Content="Say Hello" Command="{s:Action SayHello}"></Button>
    </StackPanel>

注意Command="{s:Action SayHello}的语法,s:Action就是Stylet的魔法之一, 如此绑定后, 当点击SayHello按钮后,会自动调用ViewModel中的SayHello方法, 是否是很神奇?

启动程序,若是你在SayHello中加入一个断点,当点击SayHello按钮后,断点应该就被触发了:

可是,你会发现文本框中的内容并无被加上"Hello ",为何呢?
若是你是一个合格的WPF程序员,你应该发现了其中的问题: Name属性没有引起PropertyChanged通知

实现PropertyChanged通知

MVVM框架通常经过继承一个实现了INotifyPropertyChanged的基类, 而后在属性的set方法中, 引起PropertyChanged通知.
不一样的MVVM框架,可能用一些辅助方法来简化这一过程, 以下面是MVVM Light实现Name属性的方法:

private string _name;

        public string Name
        {
            get { return _name; }

            set
            {
                if (Set(ref _name, value))
                {
                }
            }
        }

Stylet也能够用相似的方法来引起PropertyChanged, 可是若是只是那样我文章的标题就须要更名了:)
为了清爽的ViewModel, Stylet内置了对PropertyChanged.Fody的支持.
PropertyChanged.Fody是一个很是神奇的包, 它会在编译时为你的属性注入IL代码, 来引起PropertyChanged通知,是否是听上去就很是牛X?

固然PropertyChanged.Fody不是Stylet专用的,你也能够在你本身的WPF项目中使用该包.
为Stylet启用PropertyChanged.Fody只须要一条命令安装便可:

Install-Package PropertyChanged.Fody

安装后,代码无需任何修改,直接按F5运行.
再点击SayHello按钮,看看是否是Hello了?

防御属性(Guard Properties)

我想当TextBox为空时, 自动禁用SayHello按钮, 这样的需求在开发中很常见.
Stylet为你考虑到了这一点,你只须要实现一个防御属性便可.
对于SayHello方法, 实现一个CanSayHello属性, 返回一个bool型结果,标识SayHello是否可被执行.代码以下:

public void SayHello() => Name = "Hello " + Name;    // C#6的语法, 表达式方法

        public bool CanSayHello => !string.IsNullOrEmpty(Name);  // 同上

xaml中也须要为TextBox的绑定作一些修改:

<TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}"></TextBox>
        <Button Content="Say Hello" Command="{s:Action SayHello}"></Button>

为绑定加上UpdateSourceTrigger=PropertyChanged, 这样只要Name有任何修改,会当即评估CanSayHello属性.

再次启动项目,看看效果:

结语

至此,咱们Stylet的入门演示项目就开发完了,
能够看到ViewModel中咱们本身写的代码只有3行,就完成了属性绑定,命令绑定,防御属性功能. 是否是够清爽?

固然,Stylet还有不少使人激动的特性,解决了长久以来WPF开发中的痛点,如弹出窗体消息框(经过WindowManager), 表单验证(经过ValidatingModelBase),甚至Stylet中还内置了一个性能很是棒的IoC容器.
强烈建议感兴趣的朋友看看Stylet的WIKI,里面有不少值得学习和参考的东西.

最后,祝你们工做生活愉快!