WPF 动态样式控件

Question

我创建了一个 TabControl。 在里面，我希望每个“页面”都有不同的样式。 所以我试着把 ContentType 搞得一团糟。 现在，如果我使用静态引用，它工作得很好，但我想做的是做一些动态的事情。 所以我想在我给 tabcontrol (List_OpenPage.ItemSource = pages) 的类中插入一个字符串，一个像 Home 这样的值。 然后我将 ContentTemplate 设置为如下{StaticResource ResourceKey={Binding Style}} ，其中 Style 是对被称为页面的列表的引用。 （实际上，如果我调用 list.page 我应该得到一个像 home 或 test 这样的字符串）。 这个想法行不通..那么你知道如何让它发挥作用吗？

   <TabControl Name="List_OpenPage" BorderThickness="0" Style="{DynamicResource TabControlStyle1}"  ContentTemplate="{StaticResource Home}">
            <TabControl.Resources>
                <SolidColorBrush x:Key="TabItem.Selected.Background" Color="LightGray"/>
                <SolidColorBrush x:Key="TabItem.Selected.Border" Color="#ACACAC"/>
                <Style x:Key="TabControlStyle1" TargetType="{x:Type TabControl}">
        // Some ignorable styling \\
                </Style>
            </TabControl.Resources>

            <TabControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Title}" Margin="2" FontSize="13"/>
                </DataTemplate>
            </TabControl.ItemTemplate>

        </TabControl>

-- 数据模板

  <Window.Resources>
    
   <DataTemplate x:Key="Home">
        <ListView ItemsSource="{Binding Datas}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Background="Red">


         </ListView>

    </DataTemplate>

    <DataTemplate x:Key="test">
        <ListView ItemsSource="{Binding Datas}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Background="LightGray">


        </ListView>
    </DataTemplate>
  </Window.Resources>
        

//

public class Page
{
    public string Title { get; set; }
    public string Style { get; set; } (will be home or test for this example)
    public List<Result.Data> Datas { get; set; }


}

Answer 1

这样做的方法是定义一个DataTemplateSelector并使用TabControl.ContentTemplateSelector属性，例如：

public class CustomTemplateSelector : DataTemplateSelector
{
    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        if (item is Page page)
            return Application.Current.MainWindow?.FindResource(page.Style) as DataTemplate;

        return null;
    }
}

XAML：

<TabControl ...>
    <TabControl.ContentTemplateSelector>
        <local:CustomTemplateSelector />
    </TabControl.ContentTemplateSelector>
</TabControl>