Question

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

我想通过单击鼠标右键和选择鼠标左键来选择选项卡，以免引起混淆或不会故意更改选项卡名称。

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

您必须为TabControl设置MouseDown添加事件的样式，然后相应地选择选项卡项。

这是代码：

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标头以相应地选择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;
            }
        }
    }

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

1 个答案: