动态显示网格内容

Question

我为我的应用程序开发了 3 种不同的布局（类似于我猜你所说的“皮肤”，但布局有很大不同，而不仅仅是颜色和字体的变化）。这些布局用于显示相同的数据，但格式完全不同。这些布局中的每一个都是在它们自己的网格内构建的。

我希望我的应用程序根据运行时可用的字符串值来决定动态显示哪个布局。

让父网格动态显示子网格的最佳方法是什么？

我试图找到某种神奇的 DataTemplate / DataBinding / 模板方法，但似乎找不到最好的方法。或者，我应该寻找显示这些不同布局的不同方法吗？像 ItemsControl 或类似的？

本

Answer 1

我通常使用 ContentControl 和 DataTrigger 来确定要使用的 ContentTemplate。

例如，

<ContentControl Content="{Binding MyViewModel}">

    <ContentControl.Resources>
        <DataTemplate x:Key="DefaultTemplate">
            <TextBlock Text="DefaultTemplate" />
        </DataTemplate>

        <DataTemplate x:Key="TemplateA">
            <TextBlock Text="Template A" />
        </DataTemplate> 

        <DataTemplate x:Key="TemplateB">
            <TextBlock Text="Template B" />
        </DataTemplate>
    </ContentControl.Resources>

     <ContentControl.Style>
         <Style TargetType="{x:Type ContentControl}">
             <Setter Property="ContentTemplate" Value="{StaticResource DefaultTemplate}" />
             <Style.Triggers>
                 <DataTrigger Binding="{Binding SelectedView}" Value="ViewA">
                     <Setter Property="ContentTemplate" Value="{StaticResource TemplateA}" />
                 </DataTrigger>
                 <DataTrigger Binding="{Binding SelectedView}" Value="ViewB">
                     <Setter Property="ContentTemplate" Value="{StaticResource TemplateB}" />
                 </DataTrigger>
             </Style.Triggers>
         </Style>
     </ContentControl.Style>

 </ContentControl>