На WPF TabControl - могу ли я добавить контент рядом с заголовками вкладок?

Question

Существует ли простой способ расположить другой элемент управления (например, кнопку) в строке и справа от заголовков вкладок в WPF?

В сети я бы использовал float или абсолютное позиционирование для достижения этой цели.

Красная линия на этой картинке - это то, к чему я пытаюсь добраться:
_{(источник: jonkragh.com )}

Спасибо! Jon

Answer 1

Надежный способ сделать это - повторно шаблонировать TabControl, как я сделал для кнопки закрытия в моем ActiveAwareCommand примере :

<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>

Обратите внимание, что TabPanel и Button никогда не могут перекрываться. Результат:

Answer 2

Подобно тому, как вы делаете это в Интернете, вы можете просто поместить вкладку и плавающий элемент управления в сетку и установить поля плавающего элемента управления, чтобы получить его в нужном месте. Вы также можете использовать элемент Canvas, содержащий Grid и плавающий элемент управления, и установить Canvas.Left и Canvas.Top.

Может потребоваться динамическое измерение ширины каждой вкладки, если вкладки не определены во время компиляции.