WPF篇（20）- Menu菜单+ContextMenu上下文菜单+StatusBar状态栏

技术闲聊DD

于 2024-08-16 10:23:23 发布

阅读量1.8k

点赞数 32

分类专栏： C# 文章标签： wpf C#

本文链接：https://blog.csdn.net/wu2374633583/article/details/141250411

版权

C# 专栏收录该内容

21 篇文章 2 订阅

订阅专栏

Menu菜单

Menu控件继承于MenuBase，而MenuBase继承于ItemsControl。所以学习Menu之前，要先了解一下MenuBase基类。它是一个抽象类，拥有一个ItemContainerTemplateSelector模板选择器，并重写了一些关于键盘和鼠标的方法。

Menu的子项必须为MenuItem。这个MenuItem和前面的TreeViewItem类似，拥有共同的HeaderedItemsControl父类，也就是说，MenuItem本身也是一个集合控件，若要以代码形式加载Menu的内容，也必须要掌握递归的加载思路。

1. 示例1

MenuItem从鼠标的交互上，提供了两种方式。第一种是提供了Click事件，开发者可以订阅该事件以编写相应的业务逻辑。第二种是提供了ICommand接口属性和CommandParameter命令参数，以WPF命令的形式开发业务逻辑。

前端代码

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>        
        <Menu x:Name="_Menu">
            <MenuItem Header="文件">
                <MenuItem Header="新建" Click="MenuItem_Click"/>
                <MenuItem Header="打开" Click="MenuItem_Click">
                    <MenuItem.Icon>
                        <Image Source="/Images/logo.png"/>
                    </MenuItem.Icon>
                </MenuItem>
            </MenuItem>                      
            <MenuItem Header="编辑"/>
            <MenuItem Header="视图"/>
            <MenuItem Header="项目"/>
            <MenuItem Header="调试"/>
            <MenuItem Header="测试"/>
            <MenuItem Header="分析"/>
            <MenuItem Header="工具"/>
            <MenuItem Header="帮助"/>
        </Menu>
        <TextBlock x:Name="_TextBlock" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
    </Grid>

后端代码


using System.Windows;
using MenuItem = System.Windows.Controls.MenuItem;

namespace WpfTest01
{
 
    public partial class MainWindow
    {        
        public MainWindow()
        {
            InitializeComponent();
            
        }
        private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
            var item = sender as MenuItem;
            _TextBlock.Text = $"你单击了 {item.Header}";
        }
    }
}

在这里插入图片描述

2. Menu数据绑定

我们需要创建一个实体类，来代表Menu的每一个子项。

后端代码

using System.Collections.Generic;

namespace WpfTest01
{
    /// <summary>
    /// 主菜单的实体
    /// </summary>
    public class MenuModel
    {
        public string Name { get; set; }
        public List<MenuModel> Children { get; set; } = new List<MenuModel>();
        public string View { get; set; }
    }
}

前端代码

<Window x:Class="WpfTest01.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:WpfTest01"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>        
        <Menu x:Name="_Menu">
            <Menu.ItemTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                    <TextBlock Text="{Binding Name}"/>
                </HierarchicalDataTemplate>
            </Menu.ItemTemplate>
        </Menu>
    </Grid>
</Window>

后端代码


using System.Collections.Generic;
namespace WpfTest01
{
 
    public partial class MainWindow
    {        
        public List<MenuModel> Menus { get; set; } = new List<MenuModel>();
        public MainWindow()
        {
            InitializeComponent();
            for (int i = 0; i < 5; i++)
            {
                MenuModel parent = new MenuModel();
                parent.Name = $"一级菜单 ";
                for (int j = 0; j < 5; j++)
                {
                    MenuModel child = new MenuModel();
                    child.Name = $"二级菜单 ";
                    parent.Children.Add(child);
                }
                Menus.Add(parent);
            }
 
            _Menu.ItemsSource = Menus;
        }
    }
}

在这里插入图片描述

ContextMenu上下文菜单

ContextMenu上下文菜单必须要依附于一个“宿主控件”。由于FrameworkElement基类有一个叫ContextMenu的属性，代表了鼠标右键时弹出一个菜单，所以大多数控件都可以设置“上下文菜单”。

ContextMenu继承于MenuBase，而MenuBase继承于ItemsControl。所以，ContextMenu本质上也是一个集合控件。而它的元素则是MenuItem。在用法上，与Menu控件差不多。

1. 属性成员

HorizontalOffset：获取或设置目标原点和弹出项对齐之间的水平距离点。
StaysOpen：是否保持打开状态。
CustomPopupPlacementCallback：获取或设置ContextMenu指示在屏幕位置的回调。
HasDropShadow：是否有投影出现的上下文菜单。
Placement：获取或设置ContextMenu显示的相对位置。
PlacementRectangle：获取或设置相对于其上下文菜单位于在打开时的区域。
PlacementTarget：获取或设置ContextMenu打开时的相对控件。
IsOpen：是否打开。
VerticalOffset：获取或设置目标原点和弹出项对齐之间的垂直距离点。

2. ContextMenu示例

<Window x:Class="WpfTest01.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:WpfTest01"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Border Background="LightBlue" Width="200" Height="100" CornerRadius="15">
            <Border.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="复制"/>
                    <MenuItem Header="粘贴"/>
                    <MenuItem Header="删除"/>
                    <MenuItem Header="关于"/>
                </ContextMenu>
            </Border.ContextMenu>
        </Border>        
    </Grid>
</Window>

在这里插入图片描述

StatusBar状态栏

StatusBar是一个“包容性”极强的控件，通常的作用是作为程序的状态内容显示。它同样继承于ItemsControl基类，所以，它也是一个集合控件。

它的元素是StatusBarItem类型，而StatusBarItem继承于ContentControl内容控件，所以，本质上讲，StatusBar的元素可以是任意类型的控件。因为StatusBarItem元素有一个叫Content的属性。

这个控件其实并不常用，通常情况下被当成一个布局控件来使用。如下所示：

<Window x:Class="WpfTest01.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:WpfTest01"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <StatusBar Grid.Row="1">
            <StatusBarItem Content="www.baidu.com"/>
            <StatusBarItem>
                <CheckBox Content="CheckBox"/>
            </StatusBarItem>
            <StatusBarItem>
                <RadioButton Content="RadioButton"/>
            </StatusBarItem>
            <StatusBarItem>
                <Button Content="Button"/>
            </StatusBarItem>
            <TextBlock Text="文字块"/>
        </StatusBar>
    </Grid>
</Window>