我如何 select 在 WPF 中使用鼠标右键单击事件的选项卡

Question

我为更改选项卡名称的选项卡控件创建了上下文菜单。但是，如果将鼠标悬停在未selected 选项卡上并右键单击上下文菜单，则会弹出。如果我单击菜单项，它会更改 selected 选项卡的名称。例如，我右键单击 Favorite 4 选项卡并尝试更改其名称，但它更改了第一个选项卡的名称（selected 选项卡），如下所示。

我想 select 用鼠标右键单击和用鼠标左键单击选项卡，这样就不会造成混淆或无意更改选项卡名称。

XAML

 <TabControl x:Name="FavoritesTabs" HorizontalAlignment="Stretch" Height="23" 
 Initialized="FavoritesTabs_Initialized" Margin="8,0,7,0" 
 MouseRightButtonDown="FavoritesTabs_MouseRightButtonDown" MouseEnter="FavoritesTabs_MouseEnter" >

   <TabControl.ContextMenu>
      <ContextMenu Name="tabContextMenu">
         <MenuItem Header="Change Tab Name" Click="MenuItem_Click" />
         <MenuItem Header="Save Favorite Layers" />
      </ContextMenu>
   </TabControl.ContextMenu>

</TabControl>

C#

private void FavoritesTabs_Initialized(object sender, EventArgs e)
{
    FavoritesList.Add("Favorite 1");
    FavoritesList.Add("Favorite 2");
    FavoritesList.Add("Favorite 3");
    FavoritesList.Add("Favorite 4");
    FavoritesTabs.ItemsSource = FavoritesList;
}

private void FavoritesTabs_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{

}

private void MenuItem.Click(object sender, RoutedEventArgs e)
{
    int index = FavoritesTabs.SelectedIndex;
    FavoritesList[index] = "New tab";            
}

我尝试了 this 答案，但没有成功。

Answer 1

您必须为 MouseDown 添加 TabControl 事件样式，然后 select 相应地添加标签项。

这是代码：

XAML

首先，您需要为 TabControl 样式定义资源，并为 Grid 定义样式。后者是必需的，因为您不能直接在 TabControl 样式中定义事件处理程序。

<Window x:Class="WpfApp7.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfApp7"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">
<Window.Resources>
    <Style x:Key="GridStyle" TargetType="Grid">
        <EventSetter Event="Mouse.MouseDown" Handler="UIElement_OnMouseDown"/>
    </Style>

    <Style x:Key="TabcontrolStyle"  TargetType="{x:Type TabControl}">
    <Style.Resources>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid Height="20"
                              Background="{TemplateBinding Background}"
                              SnapsToDevicePixels="true"
                              Style="{StaticResource GridStyle}">
                            <ContentPresenter Margin="10,0"
                                              HorizontalAlignment="Center"
                                              VerticalAlignment="Center"
                                              ContentSource="Header" >
                            </ContentPresenter>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="false">
                                <Setter Property="Background" Value="Transparent" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" Value="{x:Static SystemColors.ControlBrush}" />
                            </Trigger>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter Property="Background" Value="{x:Static SystemColors.ActiveCaptionBrush}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Style.Resources>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabControl}">
                <Grid KeyboardNavigation.TabNavigation="Local">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                        <TabPanel Name="HeaderPanel"
                                  Panel.ZIndex="1"
                                  IsItemsHost="True"
                                  KeyboardNavigation.TabIndex="1" />
                    <ContentPresenter Name="PART_SelectedContentHost"
                                      Margin="10"
                                      Grid.Row="1"
                                      ContentSource="SelectedContent" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    </Style>
    
</Window.Resources>
<Grid>
    <TabControl x:Name="MyTabControl" Style="{StaticResource TabcontrolStyle}">
        
        <TabControl.ContextMenu>
            <ContextMenu Name="tabContextMenu">
                <MenuItem Header="Change Tab Name" />
                <MenuItem Header="Save Favorite Layers" />
            </ContextMenu>
        </TabControl.ContextMenu>

        <TabItem Header="First">First Content</TabItem>
        <TabItem Header="Second">Second Content</TabItem>
        <TabItem Header="Third">Third Content</TabItem>
    </TabControl>
</Grid>

代码隐藏

在后面的代码中，您可以将 TabItem header 等同于 select 相应地编辑 TabItem。

private void UIElement_OnMouseDown(object sender, MouseButtonEventArgs e)
    {
        ContentPresenter contentPresenter = null;

        if (e.Source is Grid)
            contentPresenter = (ContentPresenter) ((Grid) e.Source).Children[0];
        else if (e.Source is ContentPresenter)
            contentPresenter = ((ContentPresenter) e.Source);

        if (contentPresenter == null) return;

        var header = contentPresenter.Content.ToString();

        var selectedIndex = -1;
        foreach (var item in this.MyTabControl.Items)
        {
            selectedIndex++;

            var tabItem = item as TabItem;

            if (tabItem?.Header != null && tabItem.Header.ToString().Equals(header, StringComparison.InvariantCultureIgnoreCase))
            {
                this.MyTabControl.SelectedIndex = selectedIndex;
            }
        }
    }

我如何 select 在 WPF 中使用鼠标右键单击事件的选项卡

How do I select a tab with right mouse click event in WPF

c#

wpf

tabcontrol

mouseevent