乘风破浪,遇见MVVM Toolkit官方社区首推MVVM框架,后UWP时代的拯救版MVVM框架

什么是MVVM Toolkit

image

大家一说起WPF或者UWP能用的MVVM框架,肯定主流的推荐就是Prism和MVVMLight这两个,算是使用最广泛的,但是目前Prism已经不再支持UWP了,然后MVVMLight已经多年不更新了,那就玩完了?

image

不,官方社区套件(Windows Community Toolkit)挺身而出,带来了拯救版MVVM Toolkit这个MVVM框架

MVVM Toolkit延续了MVVMLight的风格,是一个轻量级的组件,而且它基于.NET Standard 2.0,可用于UWP, WinForms, WPF, Xamarin, Uno等多个平台。

相比它的前身 MVVMLight,它有以下特点:

  • 更高:版本号更高,一出手就是7.0。
  • 更快:速度更快,MVVM Toolkit从一开始就以高性能为实现目标。
  • 更强:后台更强,MVVM Toolkit的全程是'Microsoft.Toolkit.Mvvm',根正苗红。

安装MVVM Toolkit

https://www.nuget.org/packages/Microsoft.Toolkit.Mvvm

dotnet add package Microsoft.Toolkit.Mvvm

image

官方指导文档

https://docs.microsoft.com/zh-cn/windows/communitytoolkit/mvvm/introduction

using Microsoft.Toolkit.Mvvm;

官方指导示例

https://github.com/CommunityToolkit/MVVM-Samples

项目源码仓库

https://github.com/windows-toolkit/WindowsCommunityToolkit

开发探索指引

ObservableObject

public class User : ObservableObject
{
    private string name;

    public string Name
    {
        get => name;
        set => SetProperty(ref name, value);
    }
}

RelayCommand

public class MyViewModel : ObservableObject
{
    public MyViewModel()
    {
        IncrementCounterCommand = new RelayCommand(IncrementCounter);
    }

    private int counter;

    public int Counter
    {
        get => counter;
        private set => SetProperty(ref counter, value);
    }

    public ICommand IncrementCounterCommand { get; }

    private void IncrementCounter() => Counter++;
}
<Page
    x:Class="MyApp.Views.MyPage"
    xmlns:viewModels="using:MyApp.ViewModels">
    <Page.DataContext>
        <viewModels:MyViewModel x:Name="ViewModel"/>
    </Page.DataContext>

    <StackPanel Spacing="8">
        <TextBlock Text="{x:Bind ViewModel.Counter, Mode=OneWay}"/>
        <Button
            Content="Click me!"
            Command="{x:Bind ViewModel.IncrementCounterCommand}"/>
    </StackPanel>
</Page>

AsyncRelayCommand

public MyViewModel()
{
    DownloadTextCommand = new AsyncRelayCommand(DownloadTextAsync);
}

public IAsyncRelayCommand DownloadTextCommand { get; }

private async Task<string> DownloadTextAsync()
{
    await Task.Delay(3000); // Simulate a web request

    return "Hello world!";
}
<Page.Resources>
    <converters:TaskResultConverter x:Key="TaskResultConverter"/>
</Page.Resources>
<StackPanel Spacing="8">
    <TextBlock>
        <Run Text="Task status:"/>
        <Run Text="{x:Bind ViewModel.DownloadTextCommand.ExecutionTask.Status, Mode=OneWay}"/>
        <LineBreak/>
        <Run Text="Result:"/>
        <Run Text="{x:Bind ViewModel.DownloadTextCommand.ExecutionTask, Converter={StaticResource TaskResultConverter}, Mode=OneWay}"/>
    </TextBlock>
    <Button
        Content="Click me!"
        Command="{x:Bind ViewModel.DownloadTextCommand}"/>
    <muxc:ProgressRing
        HorizontalAlignment="Left"
        IsActive="{x:Bind ViewModel.DownloadTextCommand.IsRunning, Mode=OneWay}"/>
</StackPanel>

Messenger

// Create a message
public class LoggedInUserChangedMessage : ValueChangedMessage<User>
{
    public LoggedInUserChangedMessage(User user) : base(user)
    {        
    }
}

// Register a message in some module
WeakReferenceMessenger.Default.Register<LoggedInUserChangedMessage>(this, (r, m) =>
{
    // Handle the message here, with r being the recipient and m being the
    // input messenger. Using the recipient passed as input makes it so that
    // the lambda expression doesn't capture "this", improving performance.
});

// Send a message from some other module
WeakReferenceMessenger.Default.Send(new LoggedInUserChangedMessage(user));

ObservableRecipient

public class MyViewModel : ObservableRecipient, IRecipient<LoggedInUserRequestMessage>
{
    public void Receive(LoggedInUserRequestMessage message)
    {
        // Handle the message here
    }
}

参考

posted @ 2021-08-20 11:53  TaylorShi  阅读(5233)  评论(0编辑  收藏  举报