WPF使用Microsoft.Toolkit.Mvvm作為Mvvm框架DryIoc作依賴注入

背景

MVVMLight已多年未更新，Microsoft.Toolkit.Mvvm作為MVVMLight繼任者，需要學習一下。
Microsoft.Toolkit.Mvvm跟MVVMLight使用非常相似，但是默認沒有提供Ioc容器，我這里仿照MVVMLight使用DryIoc作為依賴注入記錄下使用過程。

使用方式

引入Microsoft.Toolkit.Mvvm 和 DryIoc

<ItemGroup>
	<PackageReference Include="DryIoc.dll" Version="4.8.4" />
	<PackageReference Include="Microsoft.Toolkit.Mvvm" Version="7.1.2" />
</ItemGroup>

添加ViewModel，View，Model文件夾

ViewModelLocator類的代碼

using DryIoc;

namespace MvvmToolkitDemo.ViewModel
{
    /// <summary>
    /// 這個類包含對應用程序中所有視圖模型的靜態引用，並提供綁定的入口點。
    /// </summary>
    public class ViewModelLocator
    {
        Container _container;

        /// <summary>
        /// 構造函數
        /// </summary>
        public ViewModelLocator()
        {
            //初始化容器
            _container = new Container();

            //注冊到容器中
            _container.Register<MainViewModel>();
        }

        /// <summary>
        /// MainViewModel視圖模型的靜態引用
        /// </summary>
        public MainViewModel Main
        {
            get
            {
                //通過容器獲取實例對象
                return _container.Resolve<MainViewModel>();
            }
        }

    }
}

App.xaml添加ViewModel定位器資源字典

<Application x:Class="MvvmToolkitDemo.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:MvvmToolkitDemo"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             d1p1:Ignorable="d" 
             xmlns:d1p1="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             StartupUri="View/MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <vm:ViewModelLocator x:Key="Locator" d:IsDataSource="True" xmlns:vm="clr-namespace:MvvmToolkitDemo.ViewModel" />
        </ResourceDictionary>
    </Application.Resources>
</Application>

MainViewModel.cs的代碼

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
using Microsoft.Toolkit.Mvvm.ComponentModel;
using Microsoft.Toolkit.Mvvm.Input;

namespace MvvmToolkitDemo.ViewModel
{
    public class MainViewModel : ObservableObject
    {
        #region 屬性字段
        private string? _userName;

        public string? UserName
        {
            get => _userName;
            set => SetProperty(ref _userName, value);
        }

        private int _age;

        public int Age
        {
            get => _age;

            set => SetProperty(ref _age, value);
        }
        #endregion

        /// <summary>
        /// 按鈕點擊命令
        /// </summary>
        public ICommand BtnClick { get; set; }

        public MainViewModel()
        {
            BtnClick = new RelayCommand<string>((obj) => DoRun(obj));
        }

        private void DoRun(string? obj)
        {
            Task.Run(() =>
            {
                int i = 0;
                while (true)
                {
                    i++;
                    Task.Delay(1000).GetAwaiter().GetResult();
                    Age = i;
                }
            });
        }
    }
}

具體使用文檔：https://docs.microsoft.com/en-us/windows/communitytoolkit/mvvm/introduction

View中使用

DataContext="{Binding Source={StaticResource Locator},Path=Main}"

詳細代碼：

<Window x:Class="MvvmToolkitDemo.View.MainView"
        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:MvvmToolkitDemo.ViewModel"
        mc:Ignorable="d"
        Title="MainView" Height="300" Width="500" WindowStartupLocation="CenterScreen"
        DataContext="{Binding Source={StaticResource Locator},Path=Main}" 
        >
    <StackPanel Margin="30">
        <TextBlock Text="{Binding Age}"  Margin="0 0 0 10"/>
        <Button Content="Button" Command="{Binding BtnClick}" CommandParameter="參數" />
    </StackPanel>
</Window>

把項目保存為Dotnet模板

1. 在項目根目錄新建 .template.config 文件夾
2. 文件夾里新建template.json 代碼如下：

{
  "$schema": "http://json.schemastore.org/template",
  "author": "Monns",
  "classifications": ["Wpf"],
  "name": "Microsoft.Toolkit.Mvvm.App",
  "identity": "Microsoft.Toolkit.Mvvm.App",
  "shortName": "mtma",
  "tags": {
    "language": "C#",
    "type": "project"
  },
  "sourceName": "MvvmToolkitDemo", //這里是項目的名稱，新建項目會替換掉
  "preferNameDirectory": true
}

3. 安裝模板
   dotnet new -i .\

4. 新建項目
   dotnet new mtma -n 項目名稱

也可以在vs中找到此項目模板，直接使用此模板新建即可

使用nuget安裝

安裝donet模板

dotnet new --install MicrosoftToolkitMvvm.Template

新建項目

dotnet new mtmt -n 項目名稱

Gitee倉庫

https://gitee.com/ie81/microsoft-toolkit-mvvm-template