TabItem WPF的自定义内容

时间:2009-10-21 20:56:21

标签: c# wpf controltemplate tabitem

我目前有一个自定义TabItem,它有一个自定义标题,定义为Style的一部分,如下所示:

<Setter Property="Template">
     <Setter.Value>
         <ControlTemplate TargetType="{x:Type t:TwitterListTabItem}">
             <Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0" Margin="0,-2,0,0" >
                 <Grid SnapsToDevicePixels="true">
                     <ContentPresenter x:Name="Content" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="Header" RecognizesAccessKey="True" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="{TemplateBinding Padding}"/>
                     <Button x:Name="PART_Close"  HorizontalAlignment="Right" Margin="0" Padding="4"  VerticalAlignment="Top" Width="16" Height="16" Style="{DynamicResource CloseableTabItemButtonStyle}" ToolTip="Close Tab">
                         <Path x:Name="Path" Stretch="Fill" StrokeThickness="0.5" Fill="#FFFFFF" Data="F1 M 2.28484e-007,1.33331L 1.33333,0L 4.00001,2.66669L 6.66667,6.10352e-005L 8,1.33331L 5.33334,4L 8,6.66669L 6.66667,8L 4,5.33331L 1.33333,8L 1.086e-007,6.66669L 2.66667,4L 2.28484e-007,1.33331 Z " HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                     </Button>
                     <Button x:Name="PART_Number"  HorizontalAlignment="Right" Padding="0" Margin="0" VerticalAlignment="Bottom" Width="16" Height="16" Style="{DynamicResource CloseableTabItemNumberStyle}" ToolTip="New Tweets" Content="{TemplateBinding NewTweetsNumber}" />
                 </Grid>
             </Border>

             <ControlTemplate.Triggers>
                 .....Triggers Removed for Shortness....
             </ControlTemplate.Triggers>
         </ControlTemplate>
     </Setter.Value>
</Setter

现在我想为TabItem的内容区域设置模板。我无法弄清楚如何做到这一点。我尝试过设置ContentTemplate,<ControlTemplate>包含ListBox,但它不起作用。

那么如何定义模板来控制内容呢?

提前致谢

2 个答案:

答案 0 :(得分:3)

使用TabItem.HeaderTemplate属性作为选项卡标题,使用TabItem.Template属性作为选项卡的内容。 Example

答案 1 :(得分:0)

看起来您还需要一个显示内容的ContentPresenter。并且您已经有一个显示标题的ContentPresenter。

<ContentPresenter ContentSource="Content"/>