工具栏选项卡旁边但不在内部的 WPF 启动器按钮
WPF starter Button next to ToolBar tab but not inside
我不知道如何让按钮 Razveljavi 保持在 Osnovno 和 Vstavi 旁边。我不希望它位于工具栏中，而是位于右侧，因此无论您在哪个选项卡上，它都会一直显示。
有一张照片，上面有我得到的东西和我想要的样子。如果有人可以帮助我，那就太好了。我确定这只是一个小问题，但我刚开始使用 WPF。
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="200"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="22"/>
<RowDefinition Height="55"/>
<RowDefinition Height="*"/>
<RowDefinition Height="25"/>
</Grid.RowDefinitions>
<Menu Grid.Row="0" Grid.ColumnSpan="2">
<MenuItem Header="Datoteka">
<MenuItem Header="Odpri"/>
<MenuItem Header="Shrani"/>
<MenuItem Header="Izhod" Click="izhod"/>
</MenuItem>
<MenuItem Header="Uredi">
</MenuItem>
<MenuItem Header="Orodja">
</MenuItem>
</Menu>
<TabControl Grid.Row="1" Grid.ColumnSpan="2">
<TabItem Header="Osnovno">
<ToolBarTray>
<ToolBar>
<Button Content="Pisava"/>
<Button Content="Barva" Click="spreminjanjeBarve"/>
</ToolBar>
<ToolBar>
<Button Content="Kopiraj" Click="kopiraj">
</Button>
<Button Content="Izreži"/>
<Button Content="Prilepi" Click="prilepi"/>
</ToolBar>
<ToolBar>
<Button Content="Razveljavi"/>
<Button Content="Ponovi"/>
</ToolBar>
</ToolBarTray>
</TabItem>
<TabItem Header="Vstavi"/>
</TabControl>
<RichTextBox Name="box" Grid.Row="2" Background="LightBlue" GotFocus="RichTextBox_GotFocus" LostFocus="RichTextBox_LostFocus">
<FlowDocument>
<Paragraph Name="tekst">
Vpiši tekst
<Bold>tukaj</Bold> .
</Paragraph>
</FlowDocument>
</RichTextBox>
<StatusBar Grid.Row="3">
<TextBlock Name="status"/>
</StatusBar>
</Grid>
这并不像看起来那么容易。您本质上想要做的是向现有控件添加控件和功能。为了将按钮添加到选项卡条，您必须创建一个自定义控件模板，因为它定义了控件的外观和视觉状态。要向这些按钮添加功能，您必须创建自定义附加属性或创建自定义控件。
我个人认为更简洁的方法是为这种情况创建一个自定义控件。为了使其灵活，我们在选项卡条中创建了一个区域，用于任何类型的附加内容，甚至允许为其定义数据模板。
首先，创建一个派生自 TabControl 的 class，并为要显示的内容和任意内容的可选数据模板添加依赖属性。
public class MyTabControl : TabControl
{
static MyTabControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(MyTabControl), new
FrameworkPropertyMetadata(typeof(MyTabControl)));
}
public static readonly DependencyProperty AdditionalTabStripContentTemplateProperty = DependencyProperty.Register(
nameof(AdditionalTabStripContentTemplate), typeof(DataTemplate), typeof(MyTabControl), new PropertyMetadata(null));
public static readonly DependencyProperty AdditionalTabStripContentProperty = DependencyProperty.Register(
nameof(AdditionalTabStripContent), typeof(object), typeof(MyTabControl), new PropertyMetadata(null));
public DataTemplate AdditionalTabStripContentTemplate
{
get => (DataTemplate)GetValue(AdditionalTabStripContentTemplateProperty);
set => SetValue(AdditionalTabStripContentTemplateProperty, value);
}
public object AdditionalTabStripContent
{
get => GetValue(AdditionalTabStripContentProperty);
set => SetValue(AdditionalTabStripContentProperty, value);
}
}
通过复制和调整 TabControl 的默认样式，为带有附加选项卡条内容的新选项卡控件创建样式，可以是 extracted using Blend or Visual Studio。
<SolidColorBrush x:Key="TabItem.Selected.Background" Color="#FFFFFF"/>
<SolidColorBrush x:Key="TabItem.Selected.Border" Color="#ACACAC"/>
<Style x:Key="MyTabControlStyle" TargetType="{x:Type local:MyTabControl}">
<Setter Property="Padding" Value="2"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Background" Value="{StaticResource TabItem.Selected.Background}"/>
<Setter Property="BorderBrush" Value="{StaticResource TabItem.Selected.Border}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:MyTabControl}">
<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 x:Name="RowDefinition1" Height="*"/>
</Grid.RowDefinitions>
<StackPanel Orientation="Horizontal">
<TabPanel x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
<ContentControl Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height, ElementName=headerPanel}" Margin="0, 2, 0, 0"/>
</StackPanel>
<Border x:Name="contentPanel" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="1" KeyboardNavigation.TabNavigation="Local" KeyboardNavigation.TabIndex="2">
<ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="TabStripPlacement" Value="Bottom">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="1"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/>
<Setter Property="Margin" TargetName="headerPanel" Value="2,0,2,2"/>
</Trigger>
<Trigger Property="TabStripPlacement" Value="Left">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="contentPanel" Value="1"/>
<Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/>
<Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
<Setter Property="Margin" TargetName="headerPanel" Value="2,2,0,2"/>
</Trigger>
<Trigger Property="TabStripPlacement" Value="Right">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="headerPanel" Value="1"/>
<Setter Property="Grid.Column" TargetName="contentPanel" Value="0"/>
<Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/>
<Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
<Setter Property="Margin" TargetName="headerPanel" Value="0,2,2,2"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
此样式与默认样式几乎相同。区别在于下面几行。我们使用 StackPanel 在选项卡 header 面板的右侧添加一个 ContentControl 并将其内容和模板绑定到我们自定义控件的属性。我们还将内容控件的 Height 绑定到选项卡 header 面板，因此它看起来很干净。
<StackPanel Orientation="Horizontal">
<TabPanel x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
<ContentControl Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height, ElementName=headerPanel}" Margin="0, 2, 0, 0"/>
</StackPanel>
要总结样式，请创建一个隐式样式，以便它自动应用于范围内的所有 MyTabControl。
<Style TargetType="{x:Type local:MyTabControl}" BasedOn="{StaticResource MyTabControlStyle}"/>
现在用这个替换 XAML 中的 TabControl 并添加标签条内容，例如：
<local:MyTabControl Grid.Row="1" Grid.ColumnSpan="2">
<local:MyTabControl.AdditionalTabStripContent>
<StackPanel Orientation="Horizontal">
<Button Content="Razveljavi"/>
<Button Content="Ponovi"/>
</StackPanel>
</local:MyTabControl.AdditionalTabStripContent>
<!-- ...your other tab items. -->
</local:MyTabControl>
最棒的是您可以在此处添加任何内容 even data template it。结果：
此模板的唯一缺点是选项卡 header 无法折叠成多行。如果你用这个 DockPanel 替换上面的 StackPanel，你会得到一个响应速度更快的版本，但它会永久对齐右边框上的按钮。
<DockPanel LastChildFill="True">
<ContentControl DockPanel.Dock="Right" Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height, ElementName=headerPanel}" Margin="0, 2, 0, 0"/>
<TabPanel DockPanel.Dock="Left" x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
</DockPanel>
正常大小的 window 和强制选项卡 header 折叠的小 window 的结果：
我会用 Header 创建一个空的假 TabItem，它只包含按钮：
<TabControl>
<TabItem Header="1 2 3 4 5 6">
<Border Background="Aqua"/>
</TabItem>
<TabItem Header="A B C D E F">
<Border Background="Bisque"/>
</TabItem>
<TabItem>
<TabItem.Template>
<ControlTemplate TargetType="TabItem">
<ContentPresenter Content="{TemplateBinding Header}"/>
</ControlTemplate>
</TabItem.Template>
<TabItem.Header>
<StackPanel Orientation="Horizontal" Margin="5,0">
<Button Content="C L I C K" Margin="2" Padding="10,3" />
<Button Content="H E L L O" Margin="2" Padding="10,3"/>
</StackPanel>
</TabItem.Header>
<Border Background="Chartreuse"/>
</TabItem>
</TabControl>
按钮拦截鼠标点击并且不触发选项卡选择。
我不知道如何让按钮 Razveljavi 保持在 Osnovno 和 Vstavi 旁边。我不希望它位于工具栏中，而是位于右侧，因此无论您在哪个选项卡上，它都会一直显示。
有一张照片，上面有我得到的东西和我想要的样子。如果有人可以帮助我，那就太好了。我确定这只是一个小问题，但我刚开始使用 WPF。
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="200"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="22"/>
<RowDefinition Height="55"/>
<RowDefinition Height="*"/>
<RowDefinition Height="25"/>
</Grid.RowDefinitions>
<Menu Grid.Row="0" Grid.ColumnSpan="2">
<MenuItem Header="Datoteka">
<MenuItem Header="Odpri"/>
<MenuItem Header="Shrani"/>
<MenuItem Header="Izhod" Click="izhod"/>
</MenuItem>
<MenuItem Header="Uredi">
</MenuItem>
<MenuItem Header="Orodja">
</MenuItem>
</Menu>
<TabControl Grid.Row="1" Grid.ColumnSpan="2">
<TabItem Header="Osnovno">
<ToolBarTray>
<ToolBar>
<Button Content="Pisava"/>
<Button Content="Barva" Click="spreminjanjeBarve"/>
</ToolBar>
<ToolBar>
<Button Content="Kopiraj" Click="kopiraj">
</Button>
<Button Content="Izreži"/>
<Button Content="Prilepi" Click="prilepi"/>
</ToolBar>
<ToolBar>
<Button Content="Razveljavi"/>
<Button Content="Ponovi"/>
</ToolBar>
</ToolBarTray>
</TabItem>
<TabItem Header="Vstavi"/>
</TabControl>
<RichTextBox Name="box" Grid.Row="2" Background="LightBlue" GotFocus="RichTextBox_GotFocus" LostFocus="RichTextBox_LostFocus">
<FlowDocument>
<Paragraph Name="tekst">
Vpiši tekst
<Bold>tukaj</Bold> .
</Paragraph>
</FlowDocument>
</RichTextBox>
<StatusBar Grid.Row="3">
<TextBlock Name="status"/>
</StatusBar>
</Grid>
这并不像看起来那么容易。您本质上想要做的是向现有控件添加控件和功能。为了将按钮添加到选项卡条，您必须创建一个自定义控件模板，因为它定义了控件的外观和视觉状态。要向这些按钮添加功能，您必须创建自定义附加属性或创建自定义控件。
我个人认为更简洁的方法是为这种情况创建一个自定义控件。为了使其灵活，我们在选项卡条中创建了一个区域，用于任何类型的附加内容，甚至允许为其定义数据模板。
首先，创建一个派生自 TabControl 的 class，并为要显示的内容和任意内容的可选数据模板添加依赖属性。
public class MyTabControl : TabControl
{
static MyTabControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(MyTabControl), new
FrameworkPropertyMetadata(typeof(MyTabControl)));
}
public static readonly DependencyProperty AdditionalTabStripContentTemplateProperty = DependencyProperty.Register(
nameof(AdditionalTabStripContentTemplate), typeof(DataTemplate), typeof(MyTabControl), new PropertyMetadata(null));
public static readonly DependencyProperty AdditionalTabStripContentProperty = DependencyProperty.Register(
nameof(AdditionalTabStripContent), typeof(object), typeof(MyTabControl), new PropertyMetadata(null));
public DataTemplate AdditionalTabStripContentTemplate
{
get => (DataTemplate)GetValue(AdditionalTabStripContentTemplateProperty);
set => SetValue(AdditionalTabStripContentTemplateProperty, value);
}
public object AdditionalTabStripContent
{
get => GetValue(AdditionalTabStripContentProperty);
set => SetValue(AdditionalTabStripContentProperty, value);
}
}
通过复制和调整 TabControl 的默认样式，为带有附加选项卡条内容的新选项卡控件创建样式，可以是 extracted using Blend or Visual Studio。
<SolidColorBrush x:Key="TabItem.Selected.Background" Color="#FFFFFF"/>
<SolidColorBrush x:Key="TabItem.Selected.Border" Color="#ACACAC"/>
<Style x:Key="MyTabControlStyle" TargetType="{x:Type local:MyTabControl}">
<Setter Property="Padding" Value="2"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Background" Value="{StaticResource TabItem.Selected.Background}"/>
<Setter Property="BorderBrush" Value="{StaticResource TabItem.Selected.Border}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:MyTabControl}">
<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 x:Name="RowDefinition1" Height="*"/>
</Grid.RowDefinitions>
<StackPanel Orientation="Horizontal">
<TabPanel x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
<ContentControl Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height, ElementName=headerPanel}" Margin="0, 2, 0, 0"/>
</StackPanel>
<Border x:Name="contentPanel" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="1" KeyboardNavigation.TabNavigation="Local" KeyboardNavigation.TabIndex="2">
<ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="TabStripPlacement" Value="Bottom">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="1"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/>
<Setter Property="Margin" TargetName="headerPanel" Value="2,0,2,2"/>
</Trigger>
<Trigger Property="TabStripPlacement" Value="Left">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="contentPanel" Value="1"/>
<Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/>
<Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
<Setter Property="Margin" TargetName="headerPanel" Value="2,2,0,2"/>
</Trigger>
<Trigger Property="TabStripPlacement" Value="Right">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="headerPanel" Value="1"/>
<Setter Property="Grid.Column" TargetName="contentPanel" Value="0"/>
<Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/>
<Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
<Setter Property="Margin" TargetName="headerPanel" Value="0,2,2,2"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
此样式与默认样式几乎相同。区别在于下面几行。我们使用 StackPanel 在选项卡 header 面板的右侧添加一个 ContentControl 并将其内容和模板绑定到我们自定义控件的属性。我们还将内容控件的 Height 绑定到选项卡 header 面板，因此它看起来很干净。
<StackPanel Orientation="Horizontal">
<TabPanel x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
<ContentControl Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height, ElementName=headerPanel}" Margin="0, 2, 0, 0"/>
</StackPanel>
要总结样式，请创建一个隐式样式，以便它自动应用于范围内的所有 MyTabControl。
<Style TargetType="{x:Type local:MyTabControl}" BasedOn="{StaticResource MyTabControlStyle}"/>
现在用这个替换 XAML 中的 TabControl 并添加标签条内容，例如：
<local:MyTabControl Grid.Row="1" Grid.ColumnSpan="2">
<local:MyTabControl.AdditionalTabStripContent>
<StackPanel Orientation="Horizontal">
<Button Content="Razveljavi"/>
<Button Content="Ponovi"/>
</StackPanel>
</local:MyTabControl.AdditionalTabStripContent>
<!-- ...your other tab items. -->
</local:MyTabControl>
最棒的是您可以在此处添加任何内容 even data template it。结果：
此模板的唯一缺点是选项卡 header 无法折叠成多行。如果你用这个 DockPanel 替换上面的 StackPanel，你会得到一个响应速度更快的版本，但它会永久对齐右边框上的按钮。
<DockPanel LastChildFill="True">
<ContentControl DockPanel.Dock="Right" Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height, ElementName=headerPanel}" Margin="0, 2, 0, 0"/>
<TabPanel DockPanel.Dock="Left" x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
</DockPanel>
正常大小的 window 和强制选项卡 header 折叠的小 window 的结果：
我会用 Header 创建一个空的假 TabItem，它只包含按钮：
<TabControl>
<TabItem Header="1 2 3 4 5 6">
<Border Background="Aqua"/>
</TabItem>
<TabItem Header="A B C D E F">
<Border Background="Bisque"/>
</TabItem>
<TabItem>
<TabItem.Template>
<ControlTemplate TargetType="TabItem">
<ContentPresenter Content="{TemplateBinding Header}"/>
</ControlTemplate>
</TabItem.Template>
<TabItem.Header>
<StackPanel Orientation="Horizontal" Margin="5,0">
<Button Content="C L I C K" Margin="2" Padding="10,3" />
<Button Content="H E L L O" Margin="2" Padding="10,3"/>
</StackPanel>
</TabItem.Header>
<Border Background="Chartreuse"/>
</TabItem>
</TabControl>
按钮拦截鼠标点击并且不触发选项卡选择。
