【Qt】Qt窗口（一）窗口概览，QMenuBar菜单栏的使用

小编个人主页详情—请点击小编个人gitee代码仓库—请点击Qt系列专栏—请点击倘若命中无此运孤身亦可登昆仑送给屏幕面前的读者朋友们和小编自己!目录前言一、窗口概览二、菜单栏的使用菜单栏的介绍MainWindow窗口和Widget窗口的区别使用图形化的方式设置菜单栏使用代码创建菜单结构总结前言【Qt】常用控件二十QFormLayoutQSpacerItem的属性和使用控件小结——书接上文 详情请点击——本文由小编为大家介绍——【Qt】Qt窗口一窗口概览QMenuBar菜单栏的使用一、窗口概览通过前面文章的讲解我们已经学习了Qt概述信号和槽常用控件这三个大章节这里小编要说一下前面我们在这三个大章节中讲解的所有代码都是基于QWidget控件展开的今天我们要开始学习Qt窗口Qt窗口是基于QMainWindow实现的都叫Qt窗口了所以QMainWindow也是一个窗口而在之前的学习中我们知道QWidget也是一个窗口所以这两者之间有什么关联呢其实QWidget更多的是作为其它窗口QMainWindow的一个部分构成所以也就是说QMainWindow构成的窗口要比QWidget构成的窗口要复杂是的下面我们来见一下QMainWindow构成的窗口1Window Title窗口标题也就是上图灰色区域窗口标题最能出现在最上方我们可以给这个窗口设定标题同样的在QWidget中也有windowTitle小编也进行了讲解 在二点QWidget的windowTitle属性中进行的讲解详情请点击——2Menu Bar菜单栏也就是如上深红的区域只能出现在上方例如xShell中如上的栏就是菜单栏菜单栏中的菜单可被点击点击之后会展开很多选项选项被点击之后可以完成某些功能3Tool Bar Area工具栏也就是上图的粉色区域一周也就是说工具栏可以出现在上方下方左侧右侧例如xShell中如上的栏就是工具栏工具栏本质上就是把菜单中一些比较常用的选项直接放到工具栏里了此时点击工具栏中对应的按钮就可以快速完成某些功能4Dock Widget Area铆接部件通俗来讲就是子窗口也就是绿色区域的一周也就是是说子窗口可以出现在上方下方左侧右侧例如我们在Qt中打开一个之前的文件然后点击ui文件进入Qt Creator那么上图中左侧红框的窗口可以称为一个子窗口右侧上方红框的窗口可以称为一个子窗口右侧下方红框的窗口可以称为一个子窗口所以也就意味着子窗口可以存在多个并且上方下方左侧右侧都可以存在5Central Widget中央控件QMainWindow窗口最核心的部分6Status Bar状态栏红色区域也就是出现在最下方状态栏用于显示一些状态信息例如画图板中最下方依次表示鼠标的位置画图的尺寸画图的大小等状态信息二、菜单栏的使用菜单栏的介绍首先我们要知道一个QMainWindow主窗口最多只能有一个菜单栏如上就是Qt Assistant中上方的菜单栏也就是对应上图红色框内的叫做菜单栏菜单栏中包含的叫做菜单例如文件编辑查看等接下来点击文件这个菜单那么文件菜单内包含很多的选项例如新建标签页关闭标签页页面设置等我们将这些选项称为菜单项所以我们可以得出菜单栏中包含菜单菜单中包含菜单项菜单栏在Qt中是使用QMenuBar这个类实现的菜单在Qt中是使用QMenu这个类实现的菜单项那么按照我们之前的学习菜单项属于菜单内的一个元素是不是菜单项是使用的QMenuItem这个类实现的呢实则不然如下Qt中采用了QAction这个类实现的菜单项为什么呢这还要从工具栏谈起所谓的工具栏我们也就可以理解为是菜单中一些菜单项的快捷方式那么工具栏中的选项和菜单中的选项的本质上就是同一种东西点击选项之后就会执行操作而操作也可以理解为是一种动作所以Qt这里统一使用QAtcion进行表示这里的操作也就是动作这样可以降低学习成本所以接下来我想要以图形化那么所以接下来我们创建一个项目名为QMenuBar注意这里我们选择的基类就不再是QWidget了而是选择基类为QMainWindow派生类为MainWindow的项目接下来我们点击ui文件进入Qt DesignerMainWindow窗口和Widget窗口的区别此时我们来看一下Qt帮我们生成的派生类MainWindow和派生类Widget有什么区别所以我们需要先来学习一下关于派生类Widget项目代码的解释 在第五点项目代码的解释中进行的讲解详情请点击——接下来我们来看派生类MainWindowQt也是帮我们生成了MainWindow这个类的声明和定义并且类似的让派生类MainWindow继承自QMainWindow接下来在main函数中也是类似的定义一个MainWindow对象w然后调用自动生成的show方法显示窗口最后调用exec开始执行程序这些都和Widget中类似小编你逗我呢你不是说QMainWindow要比QWidget复杂的吗从上面你介绍的这些来看我也没看出有多复杂呀所以问题的关键不在于这些文件中而是在于ui文件中所以下面我们点击ui文件进入Qt Designer此时就已经初见端倪了那么从上图MainWindow窗口中的红框其实就是状态栏此时我们就可以给菜单栏添加菜单如果我们此时不给菜单栏添加菜单而直接运行程序此时如下运行结果如下此时界面上就不会显示菜单栏并且不添加任何东西MainWindow默认显示的窗口效果是和Widget类似的其实我们关注的重点不在于是否MainWindow窗口和Widget窗口显示默认有无区别我们关注的右上角红框内的对象树此时小编已经将右上角对象树中的内容截图下来了如上对象树中起始有一个父元素就是MainWindow然后类型为QWidget的中央控件centralwidget是子元素类型为QMenuBar的菜单栏menubar是子元素类型为QStatusBar的状态栏statusbar是子元素同样的我们也可以看出子元素中并没有挂接Tool Bar Area工具栏Dock Widget Area子窗口说明对于一个MainWindow主窗口来讲默认必须存在的是中央控件菜单栏还有状态栏默认不存在的工具栏和子窗口那么这里对象树上的父元素MainWindow对应的中央控件菜单栏状态栏就是MainWindow窗口和Widget窗口的最明显的区别而Widget窗口只有一个Widget元素使用图形化的方式设置菜单栏所以接下来我们就开始正式进入使用图形化的方式在菜单栏QMenuBar中创建菜单QMenu创建菜单项QAction小编已经在之前在这里输入中输入了文件然后按下回车所以在上图红框内输入是创建菜单在上图蓝框内输入是创建菜单项那么我们这里一定不要搞混了菜单栏中包含的是菜单菜单中包含的是菜单项所以接下来我们依次添加菜单对应的编辑视图关于并且别忘了按下回车运行结果如下所以此时界面上就正常显示出了菜单栏中对应的菜单文件编辑视图关于那么此时小编再点击菜单栏中菜单对应的文件编辑视图关于嘶好像没有反应这是为什么呢因为我们并没有给菜单添加任何菜单项所以自然的我们点击菜单没有反应所以下面我们就要给菜单添加菜单项很疑惑小编此时右下角已经切换成为了中文输入法但是此时小编在文件这个菜单下输入新建的时候还是以拼音的形式进行的输入按道理来讲明明是中文输入法那么应该就是输入的是新建这两个字而不是对应的拼音xinjian所以也就是此时Qt Creator有Bug那么我们应该如何做呢所以此时我们打开画图板然后输入新建这两个字接下来ctrlc复制然后使用ctrlv粘贴到文件这个菜单下的菜单项中然后按下回车即可并且我们如法炮制的继续给菜单添加保存另存为这两个菜单项然后按下回车即可运行结果如下所以此时我们点击文件这个菜单就可以显示出菜单下的菜单项了那么我们点击菜单项对应的新建保存另存为此时是没有任何反应的如果我们想要这些菜单项有反应那么应该将我们点击菜单项之后触发的信号绑定对应的槽函数之后才会有反应关于绑定槽函数的工作小编在使用代码设置菜单栏中进行讲解并且此时在Qt Designer界面的右上角的对象树显示中我们可以看到我们给菜单栏添加的每一个菜单都是QMenu类型给菜单添加的每一个菜单项都是QAction没有问题并且对于这里的objectName我们还可以设置为我们想要设置的有意义的objectName那么这里小编就不再演示了使用代码创建菜单结构图形化创建菜单结构我们已经学习过了下面我们就要学习一下使用代码创建菜单结构了所以接下来我们创建一个项目名为QMenuBar_2基类为QMainWindow派生类为MainWindow的项目#includemainwindow.h#includeui_mainwindow.hMainWindow::MainWindow(QWidget*parent):QMainWindow(parent),ui(newUi::MainWindow){ui-setupUi(this);// 创建菜单栏QMenuBar*menuBarnewQMenuBar();this-setMenuBar(menuBar);// 创建菜单QMenu*menu1newQMenu(文件);QMenu*menu2newQMenu(编辑);QMenu*menu3newQMenu(视图);menuBar-addMenu(menu1);menuBar-addMenu(menu2);menuBar-addMenu(menu3);// 创建菜单项QAction*action1newQAction(新建);QAction*action2newQAction(打开);QAction*action3newQAction(保存);QAction*action4newQAction(另存为);QAction*action5newQAction(退出);menu1-addAction(action1);menu1-addAction(action2);menu1-addAction(action3);menu1-addAction(action4);menu1-addAction(action5);}MainWindow::~MainWindow(){deleteui;}那么我们首先理解一点菜单栏是要在GUI程序一启动就要进行显示的所以菜单栏的创建是要在MainWindow的构造函数中进行所以此时我们此时使用new在堆上创建QMenuBar菜单栏对象menuBar即可嘶小编我并没有在你的代码中找到delete用于释放QMenuBar对象menuBar呀此时不会存在内存泄露的问题吗不会因为我们接下来通过MainWindow主窗口对应的this指针调用setMenuBar将QMenuBar对象menuBar设置进主窗口中也就是给主窗口添加菜单栏所以此时QMenuBar对象menuBar就会被指定父元素为MainWindow然后挂接到对象树中当MainWindow主窗口销毁释放的时候QMenuBar对象menuBar才会被调用delete释放所以此时不会存在内存泄露的问题所以此时主窗口有菜单栏了那么接下来我们就要给菜单栏添加菜单了所以我们同样的使用new在堆上创建QMenu菜单对象并且依次设置文本为文件编辑视图然后使用addMenu将菜单添加到菜单栏中即可紧接着我们有菜单了那么就要给菜单添加菜单项这里我们简单一点只给文件菜单添加菜单项所以我们同样的使用new在堆上创建QAction菜单项对象并且依次设置文本为新建打开保存另存为退出然后使用addAction将菜单项添加到文件菜单中即可运行结果如下此时MainWindow主窗口的菜单栏被添加了并且菜单栏下的文件菜单可以被点击打开那么打开文件菜单之后就有很多的菜单项所以此时我们点击新建这个菜单项没有反应点击退出这个菜单项同样也没有反应所以为什么没有反应呢我们该如何做才能有反应呢其实菜单栏中的菜单中的菜单项被点击的时候会触发一个信号注意哈不少读者友友一听到点击在一听到信号下意识的就会认为这里是不是触发的clicked信号呀其实不是的这里的菜单项被点击之后触发的是triggered信号而trigger也就是触发的意思triggered是过去分词表示已经触发的意思所以triggered信号被触发也就代表了菜单项被点击那么我们就应该给菜单项被点击之后的triggered触发信号绑定对应的槽函数此时就可以实现菜单项被点击之后触发triggered信号进而就会执行对应的槽函数此时就会执行槽函数的代码逻辑进而就表征出了点击菜单项就会有反应了#ifndefMAINWINDOW_H#defineMAINWINDOW_H#includeQMainWindowQT_BEGIN_NAMESPACEnamespaceUi{classMainWindow;}QT_END_NAMESPACEclassMainWindow:publicQMainWindow{Q_OBJECTpublic:MainWindow(QWidget*parentnullptr);~MainWindow();publicslots:voidhandle();private:Ui::MainWindow*ui;};#endif// MAINWINDOW_H所以此时我们在.h头文件中声明一个槽函数handle1关于信号槽中connect的讲解详情请点击——2关于信号槽中自定义槽函数的讲解详情请点击——#includemainwindow.h#includeui_mainwindow.h#includeQDebugMainWindow::MainWindow(QWidget*parent):QMainWindow(parent),ui(newUi::MainWindow){ui-setupUi(this);// 创建菜单栏QMenuBar*menuBarnewQMenuBar();this-setMenuBar(menuBar);// 创建菜单QMenu*menu1newQMenu(文件);QMenu*menu2newQMenu(编辑);QMenu*menu3newQMenu(视图);menuBar-addMenu(menu1);menuBar-addMenu(menu2);menuBar-addMenu(menu3);// 创建菜单项QAction*action1newQAction(新建);QAction*action2newQAction(打开);QAction*action3newQAction(保存);QAction*action4newQAction(另存为);QAction*action5newQAction(退出);menu1-addAction(action1);menu1-addAction(action2);menu1-addAction(action3);menu1-addAction(action4);menu1-addAction(action5);connect(action1,QAction::triggered,this,MainWindow::handle);connect(action5,QAction::triggered,this,MainWindow::close);}MainWindow::~MainWindow(){deleteui;}voidMainWindow::handle(){qDebug()触发新建操作\n;}那么接下来我们要完善的是菜单项中的新建和退出的triggered信号对应的槽函数所以此时我们使用connect连接新建的菜单项的对象action1 的trggered信号和槽函数handle即可我们使用connect连接退出的菜单项的对象action5的triggered信号和槽函数close这里注意区分一下handle这个槽函数是我们的自定义槽函数close这个槽函数是Qt内置提供的槽函数close槽函数的作用就是关闭当前窗口正好符合我们这里的退出的需求对于自定义槽函数那么我们使用qDebug()打印触发新建操作这个日志即可感兴趣的读者友友可以并入文件操作区新建文件运行结果如下所以此时点击菜单栏中的文件这个菜单然后点击文件菜单中的新建此时就会触发新建这个菜单项对应的triggered触发信号进而就会去执行对应的槽函数handle去打印日志所以此时我们就可以观察到程序输出窗口中打印的日志接下来点击菜单项中的退出所以此时同样的就会触发菜单项中的退出对应的triggered触发信号进而就会去执行对应的槽函数close去关闭当前的主窗口MainWindow所以此时点击菜单项就有反应了原理是通过将菜单项被点击后发出的triggered信号关联上对应的槽函数那么点击菜单项之后就会发出triggered触发信号进而就会去执行对应关联的槽函数的代码槽函数的代码就是我们实现的特定的功能所以我们就可以实现出点击菜单项执行对应的功能的效果总结以上就是今天的博客内容啦希望对读者朋友们有帮助水滴石穿坚持就是胜利读者朋友们可以点个关注点赞收藏加关注找到小编不迷路