样式化用户控制的已定义可关闭TabItem

时间:2015-12-12 20:25:54

标签: wpf custom-controls tabcontrol controltemplate tabitem

我在用户控件的帮助下设计了一个带有关闭按钮的tab item。现在我有UC的问题造型。我的Style Resource完全适用于默认tabitems

可关闭标签项用户控件

<UserControl.Resources>
 < Style TargetType="TabItem" >
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="TabItem">
                <Border Background="{x:Null}">
                <TextBlock Background="Aquamarine">
                    <ContentPresenter
                                                                ContentSource="Header"

                        ></ContentPresenter>
                </TextBlock>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
</UserControl.Resources>
<Grid >
    <Button Background="Red">x</Button>        
    <TextBlock>Custom Tab Item</TextBlock>
</Grid>

P.S

我关注this tutorial,问题很简单,我想改变我在用户控件的帮助下创建的TabItem的背景颜色。但我编写的样式资源只会更改默认wpf标签项的背景颜色。

1 个答案:

答案 0 :(得分:1)

这是我之前解决类似问题的一个简单版本。我将TabControls ItemTemplate设置为我想要的

             <TabControl>
                <TabControl.ItemTemplate>
                    <DataTemplate>
                        <DockPanel>
                            <Button x:Name="closeBtn" Content="X" DockPanel.Dock="Right" Height="15" Margin="15 0 0 0" Command="{Binding Path=CloseCommand}" Style="{StaticResource CloseButtonStyle}" />
                            <TextBlock Text="{Binding Path=HeaderText}" ToolTip="{Binding Path=LoadedFile}" />
                        </DockPanel>
                    </DataTemplate>
                </TabControl.ItemTemplate>
             </TabControl>