如何在AvaloniaUI的TabControl.ContentTemplate中使用ViewLocator

问题原因 #

你自定义TabControl.ContentTemplate后覆盖了Avalonia默认的视图解析逻辑，直接将ViewModel绑定到需要IControl类型的Border.Child属性，因此会抛出类型转换错误，需要手动触发ViewLocator的视图匹配逻辑。

解决方法 #

在ContentTemplate内部嵌套一层ContentControl即可，ContentControl默认会调用全局注册的ViewLocator将绑定的ViewModel转换为对应的视图控件，完整配置示例如下：

<TabControl Items="{Binding OpenTabs}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding TabHeader}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <!-- 这里可以自由添加Border的样式、内边距、背景、圆角等全局容器逻辑 -->
            <Border Padding="8" Background="White">
                <!-- ContentControl会自动触发ViewLocator匹配对应视图 -->
                <ContentControl Content="{Binding}"/>
            </Border>
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

注意事项 #

如果修改后仍未生效，检查你的App.axaml中是否已注册ViewLocator资源（Avalonia默认项目模板会自动添加）：

<Application.Resources>
    <local:ViewLocator x:Key="ViewLocator"/>
</Application.Resources>

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