博客主页：Duck Bro 博客主页系列专栏：Qt 专栏关注博主，后期持续更新系列文章如果有错误感谢请大家批评指出，及时修改感谢大家点赞👍收藏⭐评论✍

Qt窗口 | 菜单栏 | QMenuBar的使用及说明

文章编号：Qt 学习笔记 / 47

文章目录

Qt窗口 | 菜单栏 | QMenuBar的使用及说明一、菜单栏1. 什么是菜单栏2. 菜单栏的组成控件

二、代码创建菜单栏及各组件1. 创建菜单栏2. 创建菜单3. 创建菜单项4. 添加分割线5. 添加快捷键6. 添加子菜单7. 添加图标8. 文件完整代码

三、图形化创建菜单栏及各组件1. 创建以QMainWindow为基类的项目2. 图形化创建菜单栏各组件

一、菜单栏

1. 什么是菜单栏

菜单栏是指在计算机程序或操作系统界面上的一个水平条，通常位于顶部或顶部附近，用来显示各种功能选项和操作命令。

菜单栏通常包含多个菜单，每个菜单都有一个标题和一系列相关的命令或选项。用户可以通过点击菜单标题或者在菜单栏上的相应按钮来打开菜单，并从中选择需要的操作。

在菜单栏中，常见的命令包括文件（File）、编辑（Edit）、视图（View）、工具（Tools）、帮助（Help）等，不同的程序或操作系统可能会有不同的菜单栏布局和选项。菜单栏为用户提供了一种直观、可视化的方式来浏览和选择程序的各种功能和操作。

2. 菜单栏的组成控件

菜单：菜单是菜单栏的核心组件，用来展示可选的操作项或功能。菜单通常以垂直列表的形式呈现，每个菜单项都可以点击或悬停以显示子菜单或执行相应的操作。

下拉菜单：下拉菜单是菜单栏中的特殊菜单项，点击或悬停在这些菜单项上，会展开一个子菜单，用户可以进一步选择所需的操作。

菜单项：是菜单栏中的可选操作或功能的单个项目。每个菜单项通常由一个标签或文本描述以及相应的操作或功能组成。

分隔符：分隔符是菜单栏中的一条水平线，用于在菜单中分隔不同的菜单项，使菜单更加清晰易读。分隔符一般用于将相似的菜单项分组，或者将不同类型的菜单项分隔开。

二、代码创建菜单栏及各组件

1. 创建菜单栏

步骤流程

创建菜单栏

创建的两种方式：

菜单栏的创建可以借助于 QMainWindow类 提供的 menuBar() 函数来实现。在堆上动态创建

使用setMenuBar把菜单栏放到窗口中

<code>MainWindow::MainWindow(QWidget *parent)

: QMainWindow(parent)

, ui(new Ui::MainWindow)

{

ui->;setupUi(this);

//QMenuBar* menubar = new QMenuBar();

//创建菜单栏

QMenuBar* menubar = this->menuBar(); //推荐使用这种方法

//菜单栏放入窗口中

this->setMenuBar(menubar);

}

运行结果

注意：现在是只有菜单栏，菜单栏中没有菜单所以显示空白

2. 创建菜单

步骤流程

创建菜单，添加菜单到菜单栏

<code>//创建菜单

QMenu* menu1 = new QMenu("文件");

QMenu* menu2 = new QMenu("编辑");

QMenu* menu3 = new QMenu("构建");

//添加菜单到菜单栏中

menubar->;addMenu(menu1);

menubar->addMenu(menu2);

menubar->addMenu(menu3);

运行结果

3. 创建菜单项

步骤流程

创建菜单，添加菜单到菜单栏

QAction 可以给菜单栏使⽤, 也可以给⼯具栏使⽤.

<code>//创建菜单项

QAction* action1 = new QAction("新建");

QAction* action2 = new QAction("打开");

QAction* action3 = new QAction("保存");

//添加菜单项到菜单中

menu1->;addAction(action1);

menu1->addAction(action2);

menu1->addAction(action3);

运行结果

4. 添加分割线

步骤流程

添加分割线

<code>//添加菜单项到菜单中

menu1->;addAction(action1);

//在新建和保存中添加分割线

menu1->addSeparator();

menu1->addAction(action2);

menu1->addAction(action3);

运行结果

5. 添加快捷键

使用&+字母，给文本中进行添加快捷键

<code>QMenu* menu1 = new QMenu("文件(&A)"); //添加快捷键 &+字母

QMenu* menu2 = new QMenu("编辑(&M)"); //使用Alt+字母触发

QMenu* menu3 = new QMenu("构建(&G)");

运行结果

6. 添加子菜单

创建父菜单和子菜单，把子菜单添加到父菜单

<code>//创建菜单

QMenu* menuparent = new QMenu("父菜单");

QMenu* menuchild = new QMenu("子菜单");

//添加菜单到菜单栏中

menubar->;addMenu(menuparent);

menuparent->addMenu(menuchild);

运行结果

7. 添加图标

在阿里巴巴矢量图标库中进行查看合适的图标，如下图

将图片加入到qrc文件中，详细步骤参考文章：qrc文件机制

将图片添加到菜单项中

<code>//创建菜单项

QAction* action1 = new QAction("新建");

//添加新建图标

action1->;setIcon(QIcon(":/add.png"));

QAction* action2 = new QAction("打开");

QAction* action3 = new QAction("保存");

//添加保存图标

action3->setIcon(QIcon(":/save.png"));

运行结果

8. 文件完整代码

<code>#include "mainwindow.h"

#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)

: QMainWindow(parent)

, ui(new Ui::MainWindow)

{

ui->;setupUi(this);

//QMenuBar* menubar = new QMenuBar();

//创建菜单栏

QMenuBar* menubar = this->menuBar(); //推荐使用这种方法

//菜单栏放入窗口中

this->setMenuBar(menubar);

//创建菜单

QMenu* menu1 = new QMenu("文件(&A)"); //添加快捷键 &+字母

QMenu* menu2 = new QMenu("编辑(&M)");

QMenu* menu3 = new QMenu("构建(&G)");

QMenu* menuparent = new QMenu("父菜单");

QMenu* menuchild = new QMenu("子菜单");

//添加菜单到菜单栏中

menubar->addMenu(menu1);

menubar->addMenu(menu2);

menubar->addMenu(menu3);

menubar->addMenu(menuparent);

menuparent->addMenu(menuchild);

//创建菜单项

QAction* action1 = new QAction("新建");

//添加新建图标

action1->setIcon(QIcon(":/add.png"));

QAction* action2 = new QAction("打开");

QAction* action3 = new QAction("保存");

//添加保存图标

action3->setIcon(QIcon(":/save.png"));

//添加菜单项到菜单中

menu1->addAction(action1);

//在新建和保存中添加分割线

menu1->addSeparator();

menu1->addAction(action2);

menu1->addAction(action3);

}

MainWindow::~MainWindow()

{

delete ui;

}

三、图形化创建菜单栏及各组件

1. 创建以QMainWindow为基类的项目

过程参考文章Qt窗口 | Qt窗口介绍 | QMainwindow类及各组件介绍

2. 图形化创建菜单栏各组件

在打开Qt自带的ui文件界面后，得到以下界面

双击点击界面中（在这里输入），在菜单栏中进行添加菜单

在上述创建菜单后，界面发生改变得到以下界面

点击创建好的菜单，双击在这里输入，添加菜单项（新建）<code>注意：由于Qt在此处存在BUG，中文菜单项需要复制粘贴的方式进行添加。

添加子菜单及子菜单项

添加分隔符

点击运行，查看结果