上下文菜单和树视图

本文关键字：视图 菜单 上下文 | 更新日期: 2023-09-27 18:02:30

我如何创建一个上下文菜单，将显示当用户右键单击我的树视图的一个元素?

我想获得被点击的项目的名称，这怎么可能?

这是我的树视图:

<TreeView Name="tvwResultados" 
                  MouseMove="DataGrid_MouseMove"
                  MouseLeftButtonDown="DataGrid_PreviewMouseLeftButtonDown"
                  ItemTemplate="{StaticResource empresaTemplate}"
                  ItemsSource="{Binding Empresas}"
                  Padding="0,6,0,6"
                  Background="Black"
                  BorderBrush="Gray"
                  BorderThickness="1">
            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="BorderThickness" Value="1" />
                    <Setter Property="Padding" Value="4,2,4,2" />
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="BorderBrush" Value="Gray" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </TreeView.ItemContainerStyle>
            <TreeView.Resources>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#171717" />
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Silver" />
                <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="#333333" />
                <SolidColorBrush x:Key="{x:Static SystemColors.ControlTextBrushKey}" Color="Silver" />
                <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="Gray" />
                <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}" Color="Silver" />
            </TreeView.Resources>
        </TreeView>

上下文菜单和树视图

根据许多因素，有几种方法可以将ContextMenu添加到TreeViewItems中。例如，每个TreeViewItem对应的ContextMenu是否相同?MenuItems从何而来?

一个解决方案是将ContextMenu添加到ItemContainerStyle。您可以将ContextMenu定义为Window中的资源或任何顶级控件，例如:

<Window.Resources>
    <ContextMenu x:Key="TreeItemMenu">
        <MenuItem Header="Menu Item 1" Click="MenuItem_Click_1"/>
        <MenuItem Header="Menu Item 2" Click="MenuItem_Click_2"/>
    </ContextMenu>
</Window.Resources>

然后你可以更新你的ItemContainerStyle来使用这个ContextMenu，像这样:

<TreeView.ItemContainerStyle>
    <Style TargetType="{x:Type TreeViewItem}">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="4,2,4,2" />
        <Setter Property="ContextMenu" Value="{DynamicResource TreeItemMenu}"/>
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="BorderBrush" Value="Gray" />
            </Trigger>
        </Style.Triggers>
    </Style>
</TreeView.ItemContainerStyle>

要获取被单击的Item，需要单独处理它。您可以使用EventSetter将事件附加到每个TreeViewItem，然后跟踪最后单击的项目，如下所示:

把这个添加到

样式的setter中
<EventSetter Event="MouseRightButtonDown" Handler="OnTreeItemClicked"/>

然后在后面的代码中:

private void OnTreeItemClicked(object sender, MouseButtonEventArgs e)
{
    _item = sender as TreeViewItem;
    if (_item != null)
    {
        string header = _item.Header.ToString();
    }
}

这将向每个TreeViewItem添加相同的ContextMenu，并对MenuItems进行硬编码，但是它演示了如何添加ContextMenu。你当然可以更灵活/动态/高级，但这应该是你开始的基础。

更容易…将工具箱中的ContextMenuStrip添加到设计视图中。添加您想要的菜单选项(如果您想重命名名称，或者将其留在ContextMenuStrip1)。然后你所要做的就是在设计模式下选择TreeView，属性，并设置上下文菜单。

相关文章：