分隔选项卡 headers 和 WPF TabControl 中的选项卡内容

Question

我想在选项卡 headers 下放置一个文本框（就像 Google Chrome 等）以及该文本框下的选项卡内容

所以它会是这样的：

<!-- Tab Headers -->
<TextBox x:Name="txtUrl" />
<!-- Tab Content-->

我到处都找过了，似乎找不到办法。

我正在使用 WPF。

有什么想法吗？谢谢

编辑：

This is my current view

我正在努力做到这样

You can see the tab headers and tab content behind separated by a panel

Answer 1

这需要您定义自定义 ControlTemplate，您可以向其中添加 TextBox:

<TabControl>
    <TabItem Header="1">
        <TextBlock>content...</TextBlock>
    </TabItem>
    <TabItem Header="2" />
    <TabItem Header="2" />
    <TabControl.Template>
        <ControlTemplate TargetType="{x:Type TabControl}">

            <Grid x:Name="templateRoot" 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 Height="Auto"/>
                    <RowDefinition x:Name="RowDefinition1" Height="*"/>
                </Grid.RowDefinitions>
                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,0,0,1" SnapsToDevicePixels="True">
                    <TabPanel x:Name="headerPanel" Background="Transparent" Grid.Column="0" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
                </Border>
                <Border Grid.Row="1" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,0,1,0" SnapsToDevicePixels="True">
                    <TextBox Margin="10" />
                </Border>
                <Border x:Name="contentPanel" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,0,1,1" Background="{TemplateBinding Background}" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="2" KeyboardNavigation.TabIndex="2" KeyboardNavigation.TabNavigation="Local">
                    <ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </Border>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsEnabled" Value="false">
                    <Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </TabControl.Template>
</TabControl>

分隔选项卡 headers 和 WPF TabControl 中的选项卡内容

Separating tab headers and the tab content in WPF TabControl

c#

wpf

wpf-controls