在 WPF TabControl 中分离选项卡标题和选项卡内容

Question

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

所以它会是这样的：

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

我到处寻找，似乎找不到方法。

我正在使用 WPF。

有任何想法吗？ 谢谢。

编辑：

这是我目前的看法

我试图让它像这样

您可以看到由面板分隔的选项卡标题和选项卡内容

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>