基于WPF中的模板在运行时创建具有不同内容的TabItem

Question

我正在使用 WPF 编写一个应用程序，其中一部分涉及为用户管理用于配置自定义内部设备的各种文件。我需要能够在同一 TabControl 中的选项卡中操作不同类型的配置，这意味着 TabItems 的内容必须动态生成。我想使用 ControlTemplates 来完成此操作，但我尚未成功获得工作模板。我在 Window 资源中定义了一个名为“pendantConfigurationTabItemTemplate”的 ControlTemplate，我使用以下代码将模板（其中包含我需要访问的命名项）应用到 TabItems 并将它们添加到其父 TabControl 中：

<ControlTemplate x:Key="pendantConfigurationTabItemTemplate" TargetType="TabItem">
    <StackPanel Orientation="Vertical">
        <my:PendantConfigurationFileEditor x:Name="configurationEditor"/>
        <StackPanel Style="{StaticResource defaultOkCancelButtonsContainerStyle}">
            <Button Style="{StaticResource defaultOkCancelButtonStyle}"/>
            <Button Style="{StaticResource defaultOkCancelButtonStyle}" Click="OkButton_Click"/>
        </StackPanel>
    </StackPanel>
</ControlTemplate>

代码隐藏：

TabItem ConfigTab = new TabItem();

switch (ConfigFile.Device)
{
  case DeviceType.PENDANT:
{
  ControlTemplate TabTemplate = Resources["pendantConfigurationTabItemTemplate"] as ControlTemplate;

  ConfigTab.Template = TabTemplate;
  ConfigTab.ApplyTemplate();

  object Editor = TabTemplate.FindName("configurationEditor", ConfigTab);

  PendantConfigurationFileEditor ConfigFileEditor = Editor as PendantConfigurationFileEditor;

  ConfigFileEditor.PendantConfiguration = DeviceConfig;

  break;
}
default:
  /* snipped */
  return;
}

ConfigTab.Header = ConfigFile.ConfigurationName;

this.EditorTabs.Items.Add(ConfigTab);
this.EditorTabs.SelectedIndex = this.EditorTabs.Items.Count - 1;

但是，每当我运行程序时，不会将任何选项卡添加到选项卡控件中，而是选项卡控件（看似）被模板的内容替换或覆盖。有人可以帮我解决这个问题吗？

实际上，我想要做的就是使用 WPF 模板作为 TabItem 工厂

Answer 1

TabControl.ItemsSource 加上 DataTemplates 实际上是您所要求的“模板作为工厂”解决方案，但它需要与您当前的方法略有不同的方法。

使用 ItemsSource 属性和数据绑定，而不是编写过程代码来创建 TabItems 和模板并调用 Items.Add。这将导致 WPF 为 ItemsSource 中的每个对象创建一个 TabItem。然后，您可以使用 ContentTemplateSelector 根据适当的标准（例如 Device 属性），为此选项卡上显示的对象选择适当的模板 - 尽管在本例中您将使用 DataTemplates 而不是 ControlTemplates。

您的选择器将如下所示：

public class DeviceTypeSelector : DataTemplateSelector
{
  public DataTemplate PendantTemplate { get; set; }
  public DataTemplate DefaultTemplate { get; set; }

  public override SelectTemplate(object item, DependencyObject container)
  {
    ConfigFile cf = (ConfigFile)item;
    switch (cf.Device)
    {
      case DeviceType.Pendant: return PendantTemplate;
      default: return DefaultTemplate;
    }
  }
}

并将在 XAML 中实例化，如下所示：（

<local:DeviceTypeSelector x:Key="dts"
                          PendantTemplate="{StaticResource pt}"
                          DefaultTemplate="{StaticResource dt}" />

其中 pt 和 dt 是在资源中其他位置定义的合适的 DataTemplates）。

最后，您的 TabControl 将如下所示：

<TabControl Name="EditorTabs"
            ContentTemplateSelector="{StaticResource dts}" />

并将其设置为 EditorTabs.ItemsSource = myConfigFiles; （或者更好的是让它从 DataContext 获取 XAML 中的 ItemsSource）。

您还需要设置 TabItems 的标题：为此，请使用 TabControl.ItemContainerStyle 以及 Header 属性的 Setter。我认为这看起来像这样：（

<TabControl ...>
  <TabControl.ItemContainerStyle>
    <Style TargetType="TabItem">
      <Setter Property="Header" Value="{Binding ConfigurationName}" />
    </Style>
  </TabControl.ItemContainerStyle>
</TabControl>

顺便说一句，您也可以内联 ContentTemplateSelector：我将其分解为资源，主要是为了以较小的块显示内容。）