WPF （菜单和工具栏1）Menu控件的详细使用教程

Menu 控件是 WPF 中用于创建菜单栏的控件，可以在应用程序窗口的顶部或其他位置显示一个菜单系统。通过 Menu 控件，用户可以访问各种命令和功能。以下是 Menu 控件的详细使用教程。

1. 基本结构

Menu 控件通常包含多个 MenuItem，每个 MenuItem 代表一个菜单项。MenuItem 可以包含子菜单项，从而形成一个层级结构。

基本示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Menu Example" Height="350" Width="525">
    <Grid>
        <Menu VerticalAlignment="Top">
            <MenuItem Header="_File">
                <MenuItem Header="_New" Click="New_Click"/>
                <MenuItem Header="_Open" Click="Open_Click"/>
                <Separator />
                <MenuItem Header="_Exit" Click="Exit_Click"/>
            </MenuItem>
            <MenuItem Header="_Edit">
                <MenuItem Header="_Undo" Click="Undo_Click"/>
                <MenuItem Header="_Redo" Click="Redo_Click"/>
            </MenuItem>
            <MenuItem Header="_Help">
                <MenuItem Header="_About" Click="About_Click"/>
            </MenuItem>
        </Menu>
    </Grid>
</Window>

在这个示例中，Menu 控件包含了三个主菜单项：“File”，“Edit”和“Help”。每个主菜单项包含多个子菜单项，这些子菜单项可以触发相应的事件。

2. MenuItem 的属性

MenuItem 是 Menu 控件中最基本的元素。它有几个常用属性：

• Header: 定义菜单项的显示文本。可以使用 "_" 前缀来设置快捷键，例如 _File 表示按下 Alt + F 打开该菜单。
• IsCheckable: 如果设置为 True，MenuItem 可以被选中或取消选中，类似于复选框的行为。
• IsChecked: 反映或设置 MenuItem 是否被选中，仅当 IsCheckable 为 True 时有效。
• Icon: 为菜单项添加图标。
• InputGestureText: 显示与菜单项相关联的快捷键。

示例：

  <MenuItem Header="_View" IsCheckable="True" MenuItem.InputGestureText="Ctrl+V" IsChecked="True">
                <MenuItem.Icon>
                    <Image Source="view.png" Width="16" Height="16"/>
                </MenuItem.Icon>
            </MenuItem>

在这个示例中，MenuItem 具有图标、快捷键显示，并且可以被选中。

3. 创建带有子菜单的菜单项

MenuItem 可以包含子菜单项，形成嵌套菜单。

示例：

<MenuItem Header="_File">
    <MenuItem Header="_New">
        <MenuItem Header="_Project" Click="NewProject_Click"/>
        <MenuItem Header="_File" Click="NewFile_Click"/>
    </MenuItem>
    <MenuItem Header="_Open" Click="Open_Click"/>
    <Separator />
    <MenuItem Header="_Exit" Click="Exit_Click"/>
</MenuItem>

在这个示例中，“New” 菜单项包含两个子菜单项：“Project”和“File”，用户可以进一步选择。

4. 使用命令绑定

在 WPF 中，可以将 MenuItem 与命令绑定，这样可以在点击菜单项时触发相应的命令操作。

示例：

<MenuItem Header="_Edit">
    <MenuItem Header="_Undo" Command="ApplicationCommands.Undo" />
    <MenuItem Header="_Redo" Command="ApplicationCommands.Redo" />
</MenuItem>

在这个示例中，MenuItem 绑定了 WPF 内置的 Undo 和 Redo 命令。

5. 使用快捷键

除了在 Header 中设置快捷键外，还可以使用 InputBinding 来定义全局快捷键，使用户在任何地方使用快捷键都能触发菜单项的操作。

示例：

<Window.InputBindings>
    <KeyBinding Key="N" Modifiers="Ctrl" Command="{Binding NewCommand}" />
</Window.InputBindings>

<MenuItem Header="_New" Command="{Binding NewCommand}" InputGestureText="Ctrl+N"/>

在这个示例中，Ctrl+N 被绑定到 NewCommand 命令，无论焦点在哪里，按下 Ctrl+N 都会触发该命令。

6. 添加图标

在菜单项中添加图标可以提升用户体验，使菜单更加直观。

示例：

<MenuItem Header="_Open" Click="Open_Click">
    <MenuItem.Icon>
        <Image Source="open.png" Width="16" Height="16"/>
    </MenuItem.Icon>
</MenuItem>

在这个示例中，为“Open”菜单项添加了一个图标。

7. 自定义样式

Menu 和 MenuItem 控件可以通过样式自定义外观。

示例：

<Window.Resources>
    <Style TargetType="MenuItem">
        <Setter Property="Foreground" Value="DarkBlue"/>
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
</Window.Resources>

在这个示例中，所有的 MenuItem 都会以深蓝色显示文本，并且文本加粗。

8. 多级菜单示例

完整的多级菜单示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Menu Example" Height="350" Width="525">
    <Grid>
        <Menu VerticalAlignment="Top">
            <MenuItem Header="_File">
                <MenuItem Header="_New">
                    <MenuItem Header="_Project" Click="NewProject_Click"/>
                    <MenuItem Header="_File" Click="NewFile_Click"/>
                </MenuItem>
                <MenuItem Header="_Open" Click="Open_Click"/>
                <Separator />
                <MenuItem Header="_Exit" Click="Exit_Click"/>
            </MenuItem>
            <MenuItem Header="_Edit" >
                <MenuItem Header="_Undo" Command="ApplicationCommands.Undo" />
                <MenuItem Header="_Redo" Command="ApplicationCommands.Redo" />
                <Separator />
                <MenuItem Header="_Cut" Command="ApplicationCommands.Cut" />
                <MenuItem Header="_Copy" Command="ApplicationCommands.Copy" />
                <MenuItem Header="_Paste" Command="ApplicationCommands.Paste" />
            </MenuItem>
            <MenuItem Header="_View" IsCheckable="True" IsChecked="True">
                <MenuItem.Icon>
                    <Image Source="view.png" Width="16" Height="16"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Header="_Help">
                <MenuItem Header="_About" Click="About_Click"/>
            </MenuItem>
        </Menu>
    </Grid>
</Window>

这个示例展示了一个完整的菜单系统，包括文件操作、编辑操作、视图设置和帮助信息等。菜单项支持命令绑定、图标、自定义样式等。

总结

Menu 控件是 WPF 中用于创建菜单栏的强大工具，通过结合 MenuItem、命令绑定、快捷键、图标等功能，你可以构建复杂而用户友好的菜单系统。通过了解 Menu 的各种属性和行为，你可以更好地设计和实现符合应用需求的菜单界面。