WPF倾斜TabItem

Question

我正在修改TabItem的Header以有条件地显示Image，这将我引向了这篇MSDN文章：HeaderedContentControl.Header Property。我尝试了代码，并在我的条件图像中进行了替换，这就是我所期望的。

但是，该示例中的图像显示的TabItem的样式与我运行示例时得到的样式不同。在MSDN示例中，我可以从哪里获得倾斜TabItem的样式？

​

​

Answer 1

您是否也对示例中的HeaderedContentControl应用了样式？

<Style TargetType="HeaderedContentControl">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type HeaderedContentControl}">
        <StackPanel>
          <Grid>
            <Rectangle Stroke="{TemplateBinding Background}"/>
            <ContentPresenter ContentSource="Header"/>
          </Grid>
          <Grid>
            <Rectangle Fill="{TemplateBinding Background}"/>
            <ContentPresenter ContentSource="Content"/>
          </Grid>
        </StackPanel>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

这将重写控件的默认ControlTemplate。此外，如果使用TabControl而不是HeaderedContentControl，结果可能会有所不同。