【WPF应用34】WPF基本控件-Menu的详解与示例_wpf menu

WPF（Windows Presentation Foundation）是.NET框架的一个部分，用于构建桌面应用程序的用户界面。在WPF中，菜单（Menu）是一种常用的控件，用于提供一组选项或命令，使用户可以根据自己的需要执行特定的操作。

本文将详细介绍WPF中的Menu控件，包括其基本用法、属性和事件。同时，我们将通过一个示例来展示如何在一个简单的应用程序中使用Menu控件。

1、Menu控件的基本概念

在WPF中，Menu控件是由菜单项（MenuItem）组成的，每个菜单项都可以包含一个命令（ICommand）和相关的视觉元素（如文本或图像）。Menu控件的主要作用是提供一种层次结构，以组织相关的命令和选项。

2、Menu控件的属性

WPF中的Menu控件具有许多属性，这些属性可以用来定义菜单的外观和行为。以下是一些常用的属性：

• ItemsSource：用于指定菜单项的来源，可以是对象集合、数据模板或其他数据源。
• DisplayMemberPath：用于指定用于显示菜单项的属性路径。
• SelectedItem：用于获取或设置当前选中的菜单项。
• IsSubmenuOpen：用于指示子菜单是否打开。
• Header：用于设置菜单的标题。

3. Menu控件的事件

WPF中的Menu控件也支持许多事件，这些事件可以在菜单项被选择或子菜单被打开时触发。以下是一些常用的事件：

• SelectionChanged：当选中的菜单项发生变化时触发。
• Opening：当菜单即将打开时触发。
• Opened：当菜单已经打开时触发。
• Closing：当菜单即将关闭时触发。
• Closed：当菜单已经关闭时触发。

4、Menu控件的示例

创建一个简单的菜单

下面我们将通过一个简单的示例来展示如何使用Menu控件。

首先，创建一个新的WPF应用程序项目。
在XAML文件中，添加一个Menu控件及其菜单项。代码如下：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <DockPanel>
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="文件">
                <MenuItem Header="新建" />
                <MenuItem Header="打开" />
                <MenuItem Header="保存" />
            </MenuItem>
            <MenuItem Header="编辑">
                <MenuItem Header="复制" />
                <MenuItem Header="粘贴" />
                <MenuItem Header="删除" />
            </MenuItem>
        </Menu>
        <!-- 其他UI元素 -->
    </DockPanel>
</Window>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

在这个示例中，我们创建了一个包含“文件”和“编辑”两个菜单项的菜单。每个菜单项下都有相关的子菜单项。

定制菜单样式

在WPF中，您可以使用样式来定制菜单的视觉外观。以下是如何自定义菜单的样式的一个示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <DockPanel>
        <Menu DockPanel.Dock="Top" Style="{StaticResource MyMenuStyle}">
            <MenuItem Header="文件">
                <MenuItem Header="新建" />
                <MenuItem Header="打开" />
                <MenuItem Header="保存" />
            </MenuItem>
            <MenuItem Header="编辑">
                <MenuItem Header="复制" />
                <MenuItem Header="粘贴" />
                <MenuItem Header="删除" />
            </MenuItem>
        </Menu>
        <!-- 其他UI元素 -->
    </DockPanel>
</Window>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

在样式文件中，您可以定义菜单的背景颜色、边框等样式属性：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Style x:Key="MyMenuStyle" TargetType="{x:Type Menu}">
        <Setter Property="Background" Value="LightBlue" />
        <Setter Property="BorderBrush" Value="Black" />
        <Setter Property="BorderThickness" Value="1" />
        <!-- 其他样式设置 -->
    </Style>
</ResourceDictionary>
1
2
3
4
5
6
7
8

添加一个菜单项

向菜单中添加一个新项非常简单。您只需要在MenuItem控件中设置其Header属性的值。如果您想为菜单项添加一个链接地址，可以使用NavigationCommands类中的命令。例如：

在这个示例中，我们添加了一个名为“查看”的菜单项，以及一个名为“帮助”的菜单项，它包含了三个子菜单项。每个子菜单项都绑定了帮助命令（HelpCommand），并设置了相应的命令参数和标题。

测试和应用

在文章的结尾处，我们提供一个完整的代码示例，以及如何在WPF应用程序中测试并应用这些菜单控件。

首先，创建一个新的WPF应用程序项目。然后，按照前面的示例添加一个Menu控件及其菜单项。你可以添加所需的样式和事件处理程序，以实现所需的功能。

下面是一个简单的应用程序示例，它包含了一个Menu控件和一些基本的菜单项：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <DockPanel>
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="文件">
                <MenuItem Header="新建" />
                <MenuItem Header="打开" />
                <MenuItem Header="保存" />
            </MenuItem>
            <MenuItem Header="编辑">
                <MenuItem Header="复制" />
                <MenuItem Header="粘贴" />
                <MenuItem Header="删除" />
            </MenuItem>
            <MenuItem Header="查看">
                <MenuItem Header="刷新" />
            </MenuItem>
            <MenuItem Header="帮助">
                <MenuItem Command="HelpCommand" CommandParameter="Contents" Header="目录" />
                <MenuItem Command="HelpCommand" CommandParameter="Index" Header="索引" />
                <MenuItem Command="HelpCommand" CommandParameter="Search" Header="搜索" />
            </MenuItem>
        </Menu>
        <!-- 其他UI元素 -->
    </DockPanel>
</Window>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

在代码后台（C#），你可以定义命令和事件处理程序，以响应用户的操作。例如：

using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void OnNew_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("新建文件");
        }

        private void OnOpen_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("打开文件");
        }

        private void OnSave_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("保存文件");
        }

        // 其他事件处理程序
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

在这个示例中，我们创建了一个包含“文件”、“编辑”、“查看”和“帮助”四个菜单项的菜单。在代码后台，我们定义了事件处理程序来响应用户的操作，例如，当用户点击“新建”菜单项时，会弹出一个消息框显示“新建文件”。

通过这个简单的示例，您应该已经对WPF中的Menu控件有了基本的了解。您可以根据需要自定义菜单的结构、样式和行为，以创建具有丰富交互功能的桌面应用程序。