UWP MVVM动态管理UserControl遇阻，求替代WPF式实现方案

兄弟，我太懂你这种卡壳的感觉了！当初从WPF转UWP搞MVVM动态视图管理，照搬老一套直接碰得头破血流——x:Type用不了，原来靠Content控件隐式绑定的玩法直接歇菜。后来摸了好多坑，终于找到几个可行的方向，给你唠唠：

1. 用DataTemplate做ViewModel与View的显式映射 #

UWP虽然不支持WPF那种基于x:Type的隐式模板匹配，但我们可以手动给每个ViewModel对应的View指定DataTemplate，再通过转换器关联起来：

• 先在页面资源里定义好模板：

<Page.Resources>
    <DataTemplate x:Key="HomeViewModelTemplate">
        <views:HomeView />
    </DataTemplate>
    <DataTemplate x:Key="SettingsViewModelTemplate">
        <views:SettingsView />
    </DataTemplate>
</Page.Resources>

• 写个小转换器，根据传入的ViewModel类型返回对应的模板Key：

public class ViewModelToTemplateConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        return value switch
        {
            HomeViewModel => "HomeViewModelTemplate",
            SettingsViewModel => "SettingsViewModelTemplate",
            _ => null
        };
    }

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

• 最后在ContentControl里绑定模板：

<ContentControl Content="{Binding CurrentViewModel}"
                ContentTemplate="{Binding CurrentViewModel, Converter={StaticResource ViewModelToTemplateConverter}}" />

2. 直接实例化View绑定到Content #

如果觉得模板映射太绕，也可以直接在主ViewModel里创建View实例，把它绑定到ContentControl的Content上——虽然看起来ViewModel和View有点耦合，但UWP里很多项目都这么玩，后续整个简单的工厂类封装一下，也能保持MVVM的清爽：

private object _currentView;
public object CurrentView
{
    get => _currentView;
    set => SetProperty(ref _currentView, value);
}

// 切换视图的方法
public void NavigateToHome()
{
    CurrentView = new HomeView { DataContext = new HomeViewModel() };
}

public void NavigateToSettings()
{
    CurrentView = new SettingsView { DataContext = new SettingsViewModel() };
}

XAML里直接绑定就行：

<ContentControl Content="{Binding CurrentView}" />

3. 用DataTemplateSelector实现更灵活的视图匹配 #

如果需要根据ViewModel的状态（比如某个属性值）选择不同的View，那自定义DataTemplateSelector就最合适了：

public class ViewTemplateSelector : DataTemplateSelector
{
    public DataTemplate HomeTemplate { get; set; }
    public DataTemplate SettingsTemplate { get; set; }

    protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
    {
        return item switch
        {
            HomeViewModel => HomeTemplate,
            SettingsViewModel => SettingsTemplate,
            _ => base.SelectTemplateCore(item, container)
        };
    }
}

XAML里配置好选择器和对应的模板：

<Page.Resources>
    <local:ViewTemplateSelector x:Key="ViewTemplateSelector">
        <local:ViewTemplateSelector.HomeTemplate>
            <DataTemplate>
                <views:HomeView />
            </DataTemplate>
        </local:ViewTemplateSelector.HomeTemplate>
        <local:ViewTemplateSelector.SettingsTemplate>
            <DataTemplate>
                <views:SettingsView />
            </DataTemplate>
        </local:ViewTemplateSelector.SettingsTemplate>
    </local:ViewTemplateSelector>
</Page.Resources>

<ContentControl Content="{Binding CurrentViewModel}"
                ContentTemplateSelector="{StaticResource ViewTemplateSelector}" />

其实核心就是得放弃WPF那种“自动匹配”的隐式绑定思路，转用UWP支持的显式映射或者直接实例化的方式。调整一下思路，后面的开发就顺畅多了！

内容的提问来源于stack exchange，提问作者Unfolded