devbox
煮酒与君饮
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Qt6入门教程 10：菜单栏、工具栏和状态栏_qt菜单栏按钮设置菜单

作者：煮酒与君饮 | 2024-08-11 05:30:45

赞

踩

qt菜单栏按钮设置菜单

目录

一.菜单栏

1.Qt Designer

1.1添加菜单和菜单项

1.2添加二级菜单

1.3给菜单和菜单项添加图标

1.4给菜单项添加功能

2.纯手写

二.工具栏

1.Qt Designer

1.1添加工具栏按钮

1.2工具栏的几个重要属性

2.纯手写

三.状态栏

1.Qt Designer

2.纯手写

用Qt Creator新建基于QMainWindow的项目时，会自带菜单栏和状态栏。还是以前面的HelloWorld项目为例，通过Qt Designer和纯手写两种方式来添加或移除菜单栏、工具栏和状态栏。

一.菜单栏

1.Qt Designer

菜单栏、工具栏和状态栏都可以通过右键快捷菜单添加或移除。下面以工具栏为例。
添加一个工具栏

移除一个工具栏

1.1添加菜单和菜单项

双击，输入，并回车，即可添加一个菜单。

这里先菜单Edit，点击菜单Edit可以添加菜单项和分隔符，

添加菜单项的方法也是双击，输入，并回车。这里添加了两个一级菜单项Color和Font。

如果要在Color和Font之间添加一个分隔符，有两种方法，一是双击“添加分隔符”，此时分隔符默认添加到最后一个菜单项的后面，也就是font的后面，可以用鼠标选中这个分隔符并拖到color和font之间；二是选中Font，右键插入分隔符，此时分隔符插入到Font的前面面，也就是Color和Font之间。菜单项和分隔符都可以右键移除。

1.2添加二级菜单

点击一级菜单项右边的“+”可以添加二级菜单，重复操作能添加N级菜单。

添加好二级菜单后如下图所示。

1.3给菜单和菜单项添加图标

这里给Color菜单和Red菜单项添加图标。下图是给Color菜单添加图标的步骤，给Red菜单项添加图标的步骤一样。

运行一下：

当然也可以双击“Action编辑器”中的某一行来编辑Action属性。

比如说双击actionRed所在行。

1.4给菜单项添加功能

在mainwindow.cpp的构造函数中添加：

  1. #include <QPalette>
  2. MainWindow::MainWindow(QWidget *parent)
  3.     : QMainWindow(parent)
  4.     , ui(new Ui::MainWindow)
  5. {
  6.     ui->setupUi(this);
  7.  
  8.     connect(ui->actionRed, &QAction::triggered, this, [this]{
  9.         QPalette palette ;
  10.         palette .setColor(QPalette::WindowText, Qt::red);
  11.         ui->label->setAutoFillBackground(true);
  12.         ui->label->setPalette(palette);
  13.     });
  14. }

运行一下：

2.纯手写

先右键移除菜单栏

然后在mainwindow.cpp的构造函数中添加：

  1. #include <QPalette>
  2. #include <QMenuBar>
  3. #include <QMenu>
  4. MainWindow::MainWindow(QWidget *parent)
  5.     : QMainWindow(parent)
  6.     , ui(new Ui::MainWindow)
  7. {
  8.     ui->setupUi(this);
  9.     // 添加菜单栏.
  10.     QMenuBar *menuBar = new QMenuBar(this);
  11.     setMenuBar(menuBar);
  12.     // 添加Edit菜单.
  13.     QMenu *editMenu = new QMenu("Edit", this);
  14.     menuBar->addMenu(editMenu);
  15.     // 添加Color二级菜单和菜单项.
  16.     QMenu *colorMenu = new QMenu("Color", this);
  17.     colorMenu->setIcon(QIcon(":/icons/AppIcon.ico"));
  18.     QAction *redAction = new QAction(QIcon(":/icons/AppIcon.ico"), "Red", this);
  19.     QAction *greenAction = new QAction("Green", this);
  20.     QAction *blueAction = new QAction("Blue", this);
  21.     colorMenu->addAction(redAction);
  22.     colorMenu->addAction(greenAction);
  23.     colorMenu->addAction(blueAction);
  24.     editMenu->addMenu(colorMenu);
  25.     // 添加分隔符.
  26.     editMenu->addSeparator();
  27.     // 添加Font二级菜单和菜单项.
  28.     QMenu *fontMenu = new QMenu("Font", this);
  29.     QAction *microsoftYaHeiAction = new QAction("Microsoft YaHei", this);
  30.     QAction *timesNewRomanAction = new QAction("Times New Roman", this);
  31.     QAction *arialAction = new QAction("Arial", this);
  32.     fontMenu->addAction(microsoftYaHeiAction);
  33.     fontMenu->addAction(timesNewRomanAction);
  34.     fontMenu->addAction(arialAction);
  35.     editMenu->addMenu(fontMenu);
  36.  
  37.     connect(redAction, &QAction::triggered, this, [this]{
  38.         QPalette palette ;
  39.         palette .setColor(QPalette::WindowText, Qt::red);
  40.         ui->label->setAutoFillBackground(true);
  41.         ui->label->setPalette(palette);
  42.     });
  43. }

运行效果一样。

二.工具栏

1.Qt Designer

1.1添加工具栏按钮

这里得先介绍一下QAction，Qt使用QAction类作为动作。顾名思义，这个类就是代表了窗口的一个“动作”，这个动作可能显示在菜单，作为一个菜单项，当用户点击该菜单项，对用户的点击做出响应；也可能在工具栏，作为一个工具栏按钮，用户点击这个按钮就可以执行相应的操作。有一点值得注意：无论是出现在菜单栏还是工具栏，用户选择之后，所执行的动作应该都是一样的。因此，Qt并没有专门的菜单项类，只是使用一个QAction类，抽象出公共的动作。当我们把QAction对象添加到菜单，就显示成一个菜单项，添加到工具栏，就显示成一个工具按钮。用户可以通过点击菜单项、点击工具栏按钮、点击快捷键来激活这个动作。
QAction包含了图标、菜单文字、快捷键、状态栏文字、悬浮提示等信息。当把一个QAction对象添加到程序中时，Qt自己选择使用哪个属性来显示，无需我们关心。同时，Qt能够保证把QAction对象添加到不同的菜单、工具栏时，显示内容是同步的。也就是说，如果我们在菜单中修改了QAction的图标，那么在工具栏上面这个QAction所对应的按钮的图标也会同步修改。

运行一下：

1.2工具栏的几个重要属性


●moveable：标识工具栏是否可以移动，默认勾选，此时工具栏左侧有一列点点。如果取消勾选，那一列点点就没了，当然工具栏也无法移动。
●allowedAreas：标识工具栏能停靠的位置，默认上下左右都可以停靠，如下图所示：

●orientation：标识工具栏的方向，水平还是垂直，默认为Qt::Horizontal。需要注意的是当工具栏被QMainWIndow管理时，这个属性不起作用。如果你需要一个垂直的工具栏，可以调用QMainWindow::addToolBar(Qt::ToolBarArea area, QToolBar *toolbar)，用第一个参数来指定停靠位置，停靠到窗口的左边或右边，就自动变成垂直的了。
●iconSize：标识工具栏按钮图片的大小，工具栏的高度会随着图片大小变化。
●toolButtonStyle：标识工具栏按钮的样式，默认为ToolButtonIconOnly，如果选择ToolButtonTextUnderIcon，就会在图标的下方显示按钮名字。


●floatable：是否允许工具条独立于窗口，默认勾选。如果取消勾选，工具栏拖出窗口后释放鼠标，它会自动回到窗口中。

2.纯手写

先右键移除工具栏

然后在mainwindow.cpp的构造函数中添加：

  1. #include <QPalette>
  2. #include <QMenuBar>
  3. #include <QMenu>
  4. #include <QToolBar>
  5. MainWindow::MainWindow(QWidget *parent)
  6.     : QMainWindow(parent)
  7.     , ui(new Ui::MainWindow)
  8. {
  9.     ui->setupUi(this);
  10.     // 添加菜单栏.
  11.     QMenuBar *menuBar = new QMenuBar(this);
  12.     setMenuBar(menuBar);
  13.     // 添加Edit菜单.
  14.     QMenu *editMenu = new QMenu("Edit", this);
  15.     menuBar->addMenu(editMenu);
  16.     // 添加Color二级菜单和菜单项.
  17.     QMenu *colorMenu = new QMenu("Color", this);
  18.     colorMenu->setIcon(QIcon(":/icons/AppIcon.ico"));
  19.     QAction *redAction = new QAction(QIcon(":/icons/AppIcon.ico"), "Red", this);
  20.     QAction *greenAction = new QAction("Green", this);
  21.     QAction *blueAction = new QAction("Blue", this);
  22.     colorMenu->addAction(redAction);
  23.     colorMenu->addAction(greenAction);
  24.     colorMenu->addAction(blueAction);
  25.     editMenu->addMenu(colorMenu);
  26.     // 添加分隔符.
  27.     editMenu->addSeparator();
  28.     // 添加Font二级菜单和菜单项.
  29.     QMenu *fontMenu = new QMenu("Font", this);
  30.     QAction *microsoftYaHeiAction = new QAction("Microsoft YaHei", this);
  31.     QAction *timesNewRomanAction = new QAction("Times New Roman", this);
  32.     QAction *arialAction = new QAction("Arial", this);
  33.     fontMenu->addAction(microsoftYaHeiAction);
  34.     fontMenu->addAction(timesNewRomanAction);
  35.     fontMenu->addAction(arialAction);
  36.     editMenu->addMenu(fontMenu);
  37.  
  38.     // 添加工具栏.
  39.     QToolBar *toolBar = new QToolBar(this);
  40.     // 指定停靠位置，如果第一个参数为Qt::LeftToolBarArea，就是停靠在左边的垂直工具栏.
  41.     addToolBar(Qt::TopToolBarArea, toolBar);
  42.     toolBar->setFloatable(true);// 设置允许浮动.
  43.     toolBar->setMovable(true);  // 设置允许移动.
  44.     toolBar->setToolButtonStyle(Qt::ToolButtonIconOnly);// 设置工具栏按钮只有图片.
  45.     // 添加工具栏按钮.
  46.     toolBar->addAction(redAction);
  47.     toolBar->addAction(greenAction);
  48.     toolBar->addAction(blueAction);
  49.     // 添加分隔符.
  50.     toolBar->addSeparator();
  51.     toolBar->addAction(microsoftYaHeiAction);
  52.  
  53.     connect(redAction, &QAction::triggered, this, [this]{
  54.         QPalette palette ;
  55.         palette .setColor(QPalette::WindowText, Qt::red);
  56.         ui->label->setAutoFillBackground(true);
  57.         ui->label->setPalette(palette);
  58.     });
  59. }

运行效果一样。

三.状态栏

1.Qt Designer

在Qt Designer能设置的状态栏属性只有sizeGripEnabled，关于sizeGrip在上一篇中已经介绍，这里不再赘述。

因此状态栏中显示的信息得用代码才能添加。

2.纯手写

状态栏显示信息的类型一般分为3种
●普通信息，文本显示在状态栏的最左边，会被临时信息覆盖，可用于显示页码、行数等信息。     
void addWidget(QWidget *widget, int stretch = 0);
●永久信息，文本会一直显示在状态栏的最右边，可用于显示键盘是否大写锁定（Caps Lock）。
void addPermanentWidget(QWidget *widget, int stretch = 0);
●临时信息，文本显示在状态栏的最左边，指定信息显示多久，时间一到信息消失，以毫秒为单位。
void showMessage(const QString &text, int timeout = 0);
需要注意的是，timeout的默认值为0，此时消息会一直显示直到调用clearMesssage()或者再次调用showMessage()为止。
先右键移除状态栏

然后在mainwindow.cpp的构造函数中添加：

  1. #include <QPalette>
  2. #include <QMenuBar>
  3. #include <QMenu>
  4. #include <QToolBar>
  5. #include <QStatusBar>
  6. MainWindow::MainWindow(QWidget *parent)
  7.     : QMainWindow(parent)
  8.     , ui(new Ui::MainWindow)
  9. {
  10.     ui->setupUi(this);
  11.     // 添加菜单栏.
  12.     QMenuBar *menuBar = new QMenuBar(this);
  13.     setMenuBar(menuBar);
  14.     // 添加Edit菜单.
  15.     QMenu *editMenu = new QMenu("Edit", this);
  16.     menuBar->addMenu(editMenu);
  17.     // 添加Color二级菜单和菜单项.
  18.     QMenu *colorMenu = new QMenu("Color", this);
  19.     colorMenu->setIcon(QIcon(":/icons/AppIcon.ico"));
  20.     QAction *redAction = new QAction(QIcon(":/icons/AppIcon.ico"), "Red", this);
  21.     QAction *greenAction = new QAction("Green", this);
  22.     QAction *blueAction = new QAction("Blue", this);
  23.     colorMenu->addAction(redAction);
  24.     colorMenu->addAction(greenAction);
  25.     colorMenu->addAction(blueAction);
  26.     editMenu->addMenu(colorMenu);
  27.     // 添加分隔符.
  28.     editMenu->addSeparator();
  29.     // 添加Font二级菜单和菜单项.
  30.     QMenu *fontMenu = new QMenu("Font", this);
  31.     QAction *microsoftYaHeiAction = new QAction("Microsoft YaHei", this);
  32.     QAction *timesNewRomanAction = new QAction("Times New Roman", this);
  33.     QAction *arialAction = new QAction("Arial", this);
  34.     fontMenu->addAction(microsoftYaHeiAction);
  35.     fontMenu->addAction(timesNewRomanAction);
  36.     fontMenu->addAction(arialAction);
  37.     editMenu->addMenu(fontMenu);
  38.  
  39.     // 添加工具栏.
  40.     QToolBar *toolBar = new QToolBar(this);
  41.     // 指定停靠位置，如果第一个参数为Qt::LeftToolBarArea，就是停靠在左边的垂直工具栏.
  42.     addToolBar(Qt::TopToolBarArea, toolBar);
  43.     toolBar->setFloatable(true);// 设置允许浮动.
  44.     toolBar->setMovable(true);  // 设置允许移动.
  45.     toolBar->setToolButtonStyle(Qt::ToolButtonIconOnly);// 设置工具栏按钮只有图片.
  46.     // 添加工具栏按钮.
  47.     toolBar->addAction(redAction);
  48.     toolBar->addAction(greenAction);
  49.     toolBar->addAction(blueAction);
  50.     // 添加分隔符.
  51.     toolBar->addSeparator();
  52.     toolBar->addAction(microsoftYaHeiAction);
  53.  
  54.     // 添加状态栏.
  55.     QStatusBar *statusBar = new QStatusBar(this);
  56.     setStatusBar(statusBar);
  57.     QLabel *statusLabel = new QLabel("I am statusBar", this);
  58.     // 状态栏添加信息.
  59.     statusBar->showMessage("I will disappear in 3 seconds", 3000);
  60.     statusBar->addPermanentWidget(statusLabel);// 添加到状态栏右侧(永久性).
  61.  
  62.     connect(redAction, &QAction::triggered, this, [this]{
  63.         QPalette palette ;
  64.         palette .setColor(QPalette::WindowText, Qt::red);
  65.         ui->label->setAutoFillBackground(true);
  66.         ui->label->setPalette(palette);
  67.     });
  68. }

运行一下：

本文并未介绍菜单栏的快捷键操作，后续将用一篇博客专门介绍快捷键。QDialog和QWidget能不能添加菜单栏、工具栏和状态栏呢？当然可以，但会麻烦一些，不过既然QMainWIndow够方便，就没必要舍本逐末去做无用功了。

有些人喜欢用Qt Designer，有些呢喜欢纯手写，那种方式更好就仁者见仁，智者见智了。个人觉得***.ui文件起到了界面设计和逻辑实现分离的作用，而且打字再快也没鼠标拖拽快吧，不过后续文章将以手写代码为主，因为截图太麻烦了。Qt小部件中能用代码设置的属性，在Qt Designer的属性编辑器中大多都能找到对应的设置项。 

原文链接：Qt6入门教程 10：菜单栏、工具栏和状态栏-CSDN博客 

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号