【UWP】經過 MarkupExtension 實現 ValueConveter 的依賴注入

時間 2020-04-24

標籤 UWP 經過 markupextension 實現 valueconveter 依賴注入欄目設計模式简体版

原文原文鏈接

最近是真的比較閒，花了點時間算是把我本身的微博庫的 nuget 包的坑填上了（https://github.com/h82258652/HN.Social.Weibo 歡迎大佬來 Star）。dino 大佬也一直忽悠我弄動畫，惋惜我沒啥藝術細胞並且 Composition API 也不太熟悉，就只能逃了（哈哈哈）。閒着無事就刷刷 Github，看到 wpf repo 的一個 issue（https://github.com/dotnet/wpf/issues/499），確實目前的 XAML 跟控制反轉這塊幾乎都沒啥結合。控件層面因爲要求無參構造函數，因此目前來看難以實現了。但 ValueConverter 這玩意，想了下，好像能夠耶，因而作了下實驗，成功而且寫下了這篇 blog。git

UWP 的 MarkupExtension 是在 16299 版本引入的，因此咱們的項目必需要 target 16299 或以上。github

以通常 MVVM 模式爲例，建立 ViewModelLocator.cs，這裏 IoC 容器我就使用最經常使用的 Autofac 好了，引用 Autofac.Extras.CommonServiceLocator 包。express

public class ViewModelLocator
{
    static ViewModelLocator()
    {
        var autofacServiceLocator = new AutofacServiceLocator(CreateAutofacContainer());
        ServiceLocator.SetLocatorProvider(() => autofacServiceLocator);
    }

    private static IContainer CreateAutofacContainer()
    {
        var containerBuilder = new ContainerBuilder();

        // TODO Register services

        return containerBuilder.Build();
    }
}

並修改 App.xamlwindows

<Application x:Class="ConverterIocDemo.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:viewModels="using:ConverterIocDemo.ViewModels">
    <Application.Resources>
        <ResourceDictionary>
            <viewModels:ViewModelLocator x:Key="Locator" />
        </ResourceDictionary>
    </Application.Resources>
</Application>

接下來添加一些測試代碼吧。api

namespace ConverterIocDemo.Models
{
    public class Person
    {
        public string Name { get; set; }

        public int Age { get; set; }
    }
}

using ConverterIocDemo.Models;

namespace ConverterIocDemo.Services
{
    public interface IPersonService
    {
        string GetHello(Person person);
    }
}

using System;
using ConverterIocDemo.Models;

namespace ConverterIocDemo.Services
{
    public class PersonService : IPersonService
    {
        public string GetHello(Person person)
        {
            if (person == null)
            {
                throw new ArgumentNullException(nameof(person));
            }

            var now = DateTime.Now;
            if (now.Hour >= 9 && now.Hour <= 21 && now.DayOfWeek != DayOfWeek.Sunday)
            {
                return $"你們好，我叫 {person.Name}，今年 {person.Age} 歲";
            }
            else
            {
                return "996 大法好（mmp）";
            }
        }
    }
}

using ConverterIocDemo.Models;

namespace ConverterIocDemo.ViewModels
{
    public class MainViewModel
    {
        public MainViewModel()
        {
            Person = new Person
            {
                Name = "justin liu",
                Age = 18
            };
        }

        public Person Person { get; }
    }
}

using ConverterIocDemo.Services;
using System;
using Windows.UI.Xaml.Data;
using ConverterIocDemo.Models;

namespace ConverterIocDemo.Converters
{
    public class PersonSayHelloConverter : IValueConverter
    {
        private readonly IPersonService _personService;

        public PersonSayHelloConverter(IPersonService personService)
        {
            _personService = personService;
        }

        public object Convert(object value, Type targetType, object parameter, string language)
        {
            return _personService.GetHello((Person)value);
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }
    }
}

修改一下 ViewModelLocator，把這堆玩意註冊上去。ide

using Autofac;
using Autofac.Extras.CommonServiceLocator;
using CommonServiceLocator;
using ConverterIocDemo.Converters;
using ConverterIocDemo.Services;

namespace ConverterIocDemo.ViewModels
{
    public class ViewModelLocator
    {
        static ViewModelLocator()
        {
            var autofacServiceLocator = new AutofacServiceLocator(CreateAutofacContainer());
            ServiceLocator.SetLocatorProvider(() => autofacServiceLocator);
        }

        public MainViewModel Main => ServiceLocator.Current.GetInstance<MainViewModel>();

        private static IContainer CreateAutofacContainer()
        {
            var containerBuilder = new ContainerBuilder();

            containerBuilder.RegisterType<PersonService>().As<IPersonService>();
            containerBuilder.RegisterType<MainViewModel>();
            containerBuilder.RegisterType<PersonSayHelloConverter>().SingleInstance();

            return containerBuilder.Build();
        }
    }
}

接下來就是本文關鍵，經過 MarkupExtension 消費這個 PersonSayHelloConveter 了。這裏我就叫 ConverterProviderExtension。函數

using CommonServiceLocator;
using System;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Markup;

namespace ConverterIocDemo.Converters
{
    [MarkupExtensionReturnType(ReturnType = typeof(IValueConverter))]
    public class ConverterProviderExtension : MarkupExtension
    {
        public Type ConverterType { get; set; }

        protected override object ProvideValue()
        {
            if (ConverterType == null)
            {
                throw new ArgumentException("轉換器類型沒有設置");
            }

            return ServiceLocator.Current.GetInstance(ConverterType);
        }
    }
}

接下來修改 MainPage 看看效果了測試

<Page x:Class="ConverterIocDemo.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:converters="using:ConverterIocDemo.Converters"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:local="using:ConverterIocDemo"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
      DataContext="{Binding Source={StaticResource Locator}, Path=Main}"
      mc:Ignorable="d">
    <Grid>
        <TextBlock HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   Text="{Binding Path=Person, Converter={converters:ConverterProvider ConverterType=converters:PersonSayHelloConverter}}" />
    </Grid>
</Page>