在WPF TabControl上 - 我可以在选项卡标题旁边添加内容吗?

时间:2009-09-14 19:48:11

标签: wpf tabcontrol

是否有一种简单的方法可以在WPF中的标题页的内部和右侧放置另一个控件(即按钮)?

在网络中,我会使用浮动或绝对定位来完成此任务。

这张照片中的红线是我想要的: A control alongside of WPF Tabs
(来源:jonkragh.com

谢谢! 乔恩

2 个答案:

答案 0 :(得分:9)

执行此操作的有效方法是重新模板TabControl,就像我为ActiveAwareCommand sample中的关闭按钮所做的那样:

<ControlTemplate x:Key="TabControlTemplate" TargetType="TabControl">
    <Grid ClipToBounds="true" SnapsToDevicePixels="true" KeyboardNavigation.TabNavigation="Local">
        <Grid.ColumnDefinitions>
            <ColumnDefinition x:Name="ColumnDefinition0"/>
            <ColumnDefinition x:Name="ColumnDefinition1" Width="0"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition x:Name="RowDefinition0" Height="Auto"/>
            <RowDefinition x:Name="RowDefinition1" Height="*"/>
        </Grid.RowDefinitions>
        <Grid Panel.ZIndex="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <TabPanel Margin="2,2,2,0" x:Name="HeaderPanel" IsItemsHost="true" KeyboardNavigation.TabIndex="1"/>
            <Button Grid.Column="1" Command="{Binding DataContext.CloseCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">X</Button>
        </Grid>
        <Border x:Name="ContentPanel" Grid.Column="0" Grid.Row="1" BorderBrush="#D0CEBF" BorderThickness="0,0,1,1" KeyboardNavigation.DirectionalNavigation="Contained" KeyboardNavigation.TabIndex="2" KeyboardNavigation.TabNavigation="Local">
            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                <Border Background="{TemplateBinding Background}">
                    <Grid x:Name="PART_ItemsHolder"/>
                </Border>
            </Border>
        </Border>
    </Grid>
</ControlTemplate>

请注意TabPanelButton永远不会重叠的方式。结果:

alt text

答案 1 :(得分:0)

与您在网络上的操作类似,您可以将标签控件和浮动控件放在网格中,并设置浮动控件的边距以使其位于正确的位置。您还可以使用Canvas元素来包含Grid和浮动控件,并设置Canvas.Left和Canvas.Top。

如果在编译时未确定选项卡,则可能需要动态测量每个选项卡的宽度。