【Qt】Qt资源应用–菜单图标

00. 目录

01. 概述

主窗口部件就是一般的应用程序主窗口，它包含了菜单栏、工具栏、中心部件、状态栏和可停靠部件等。接下来将着重介绍菜单的实现以及使用资源文件来添加菜单图标。

02. 开发环境

Windows系统：Windows10

Qt版本：Qt5.15或者Qt6

03. 主窗口菜单设计

3.1 新建Qt Widgets Application，项目名称4MainWindow，基类选择QMainWindow，类名为MainWindow。

3.2 创建完项目后，双击mainwindow.ui文件进入设计模式。在这里可以看到界面左上角的“在这里输入”，我们可以在这里添加菜单。双击“在这里输入”，将其更改为“文件(&F)”，然后按下回车键，效果如下图所示。这里的&F表明将菜单的快捷键设置为了Alt+ F，可以看到，实际的显示效果中&符号是隐藏的。

3.3 在文件菜单中添加“新建(&N)”子菜单，效果如下图所示。菜单后面的那个加号图标是用来创建下一级菜单的。（PS：菜单中如果无法输入中文，可以从别处复制粘贴）

04. 添加资源菜单

4.1 Qt中可以使用资源文件将各种类型的文件添加到最终生成的可执行文件中，这样就可以避免使用外部文件而出现的一些问题。而且，在编译时Qt还会将资源文件进行压缩，我们可能发现生成的可执行文件比我们添加到其中的资源文件还要小。

4.2 我们向项目中添加新文件，模板选择Qt分类中的Qt资源文件（Qt Resource File）。如下图所示。然后将名称设置为image。

4.3 添加完文件后会自动打开该资源文件，需要先添加前缀，点击“添加”按钮，然后选择“添加前缀”，默认的前缀是“/new/prefix1”，这个可以随意修改（不要出现中文字符），我们这里因为要添加图片，所以修改为“/image”。然后再按下添加按钮来添加文件，这里最好将所有要用到的图片放到项目目录中。比如这里在项目目录中新建了一个images文件夹，然后将需要的图标文件粘贴进去。添加完文件后，如下图所示。

4.4 当添加完资源后，一定要按下Ctrl + S来保存资源文件，不然在后面可能无法显示已经添加的资源。

05. 使用资源文件

5.1 Qt中的一个菜单被看做是一个Action，我们在下面的Action编辑器（Action Editor）中可以看到刚才添加的“新建”菜单，如下图所示。

5.2 双击该条目，会弹出编辑动作对话框，这里可以进行各项设置，比如我们可以设置菜单项的快捷键，点击一下Shortcut后面的行编辑器，然后按下键盘上的Ctrl + N，这样就可以将该菜单项的快捷键设置为Ctrl + N。如下图所示。那么大家可能会问，既然该菜单项的快捷键是这么设置的，那么菜单项名称“新建(N)”中的N是什么呢？这个可以被称为加速键，就是只有当文件菜单处于激活（显示）状态时，按下N键才会执行新建菜单的功能。

5.3 在编辑动作对话框中的“图标”后面的[[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M6SQqxnK-1616401989052)(assets/205600esc55c2kf2fsfifl.png.thumb.jpg)]](javascript:;)黑色箭头下拉框可以选择使用资源还是使用文件来最为图标，如果使用文件的话，那么就可以直接在弹出的文件对话框中选择本地磁盘上的一个图标文件。如果使用资源的方式，如果直接点击这个按钮就是默认的使用资源。

06. 使用代码添加菜单图标

下面我们使用代码再来添加一个菜单项，并为其设置图标。在编辑模式打开mainwindow.cpp文件，并在构造函数中添加如下图所示代码：

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    //创建新的动作
    QAction *openAction = new QAction(tr("&Open"), this);
    //添加图标
    QIcon icon(":/image/images/task.png");
    openAction->setIcon(icon);

    //设置快捷键
    openAction->setShortcut(QKeySequence(tr("Ctrl+O")));
    //在文件菜单中设置新的打开动作
    ui->menu_F->addAction(openAction);

    //创建新的编辑菜单
    QMenu *menu_E = ui->menubar->addMenu(tr("编辑(&E)"));
    QAction *findAction = new QAction(tr("&Find"), this);
    QIcon icon2(":/image/images/setting.png");

    findAction->setIcon(icon2);
    findAction->setShortcut(QKeySequence("Ctrl+F"));

    menu_E->addAction(findAction);
}

这里添加图标时，就使用了资源文件中的图标。使用资源文件，需要在最开始使用冒号，然后添加前缀，后面是文件的路径。在代码中使用“文件菜单”，就是使用其objectName。主窗口上的菜单都是在菜单栏menuBar上的，因为这里使用了设计模式，所以可以通过ui->menuBar来获取菜单栏，菜单栏是QMenuBar类对象。如果不使用设计模式而使用纯代码创建项目，那么可以直接在MainWindow类中使用menuBar()方法来获取菜单栏。菜单栏上可以通过addMenu()来添加新的菜单，而菜单中可以使用QAction来创建菜单项。现在可以运行程序查看效果。

07. 附录