本文主要是介绍我的QT Creator学习笔记(九)——应用程序主窗口QMainWindow之主窗口框架,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
参考文献:《Qt Creator 快速入门》第三版 霍亚飞编著
主窗口为建立应用程序用户界面提供了一个框架,Qt提供了QMainWindow和其他一些相关的类共同完成主窗口的管理。QMainWindow类拥有自己的布局,见下图
1、菜单栏(QMenuBar)。菜单栏包含了一个下拉菜单项的列表,这些菜单项由QAction类实现。位于窗口顶部,一个主窗口只能有一个菜单栏
2、工具栏(QToolBar)。工具栏用于显示一些常见的菜单项,也可以插入其他窗口部件,可以移动。一个主窗口可以拥有多个工具栏。
3、中心部件(CenterWidget)。应用程序的主要功能实现区域。一个主窗口只能有一个中心部件。
4、Dock部件(QDockWidget)。Dock部件常被称为停靠窗口可以停靠在中心部件的四周,像工具箱一样。一个窗口可以拥有多个Dock部件
5、状态栏(QStatusBar)。状态栏用于显示程序的一些状态信息,在主窗口的最底部。一个窗口只能拥有一个状态栏。
一、使用资源
第一步,添加Qt资源文件。往项目中添加新文件,选择Qt分类中的Qt Resource File,文件名改为myimages,其他默认。
第二步,添加资源。在项目文件夹下新建images文件夹,里面放入资源图片。打开myimages.qrc文件(右击-》open in edit),点击“添加”按钮,选择“添加前缀”,前缀改为“/image"(这里的前缀表明是图片资源,并不是路径,也可以改成其他名字,比如"picture"),再单击”添加“按钮,选择”添加文件“,在弹出对话框中选择刚才创建的images文件夹,选中图片。Ctrl+S保存文件修改。
第三步,使用图片。双击左上角“在这里输入”,修改为“File(&F)",按下回车,并在弹出的下拉菜单中,将第一项改为”New File(&N)",回车,这时下面的Action编辑器已经有了“New File”动作。在Action编辑器中双击“New File"动作,按下”图标“第一个按钮选选择”Normal On",点击第二个按钮,进入”选择资源“,如下图选中资源,点击OK
,就可以在菜单选项中看见图标了。
qrc资源文件其实是一个XML格式的文本文件,右击qrc文件,选择”Open With-》普通文本编辑器“,可以看到qrc文件如下
<RCC><qresource prefix="/image"><file>images/new.jpg</file><file>images/edit.jpg</file><file>images/open.jpg</file><file>images/2-1.png</file></qresource>
</RCC>
也可以在这里手写代码太添加图片
二、菜单栏
QMenuBar类提供了一个水平的菜单栏,在QMainWindow中可以直接获取默认的菜单栏(ui->menubar),向其中添加QMenu类型的对象,然后向弹出的菜单中添加QAction类型的对象作为菜单项。QMenu中addSeparator函数可以添加间隔器,即一条水平分割线,QAction即可以放在菜单项,也可以放在工具栏。在mainwindow.cpp中的构造函数中添加以下代码
ui->setupUi(this);QMenu* editMenu=ui->menuBar->addMenu("Edit(&E)");//添加编辑菜单QAction* action_open=editMenu->addAction(\QIcon(":\\image\\images\\open.jpg"),"open file(&O)");//添加打开文件菜单action_open->setShortcut(QKeySequence("Ctrl+O"));//设置快捷键ui->mainToolBar->addAction(action_open);//在工具栏中添加动作。
QActionGroup可以包含一组QAction,还可以设置这一组中只能有一个处于选中状态,这对互斥的动作很有用。继续添加以下代码
QActionGroup* group=new QActionGroup(this);//建立动作组group->setExclusive(true);//设置只能有一个被选中,也可以不设,默认就是trueQAction* action_L=group->addAction("Align Left(&L)");//向动作组中添加动作action_L->setCheckable(true);QAction* action_R=group->addAction("Align Right(&R)");action_R->setCheckable(true);QAction* action_C=group->addAction("Align Center(&C)");action_C->setCheckable(true);action_L->setChecked(true);//指定action_L为选中editMenu->addSeparator();editMenu->addAction(action_L);editMenu->addAction(action_R);editMenu->addAction(action_C);
运行效果如下
四、工具栏
工具栏QToolBar提供了一个可以包含一组控件的、可以移动的面板。
在设计器中查看QToolBar的属性栏如下图,toolButtonStyle用来设置图标和相应文本的显示及其相对位置。moveable设置工具栏是否可以移动、allowedArea设置允许停靠的位置,iconsize设置图标大小,floatable设置是否可以悬浮。
工具栏除了添加动作,还可以添加其他窗口部件,使用addWidget接口。在mainwindow的构造函数中添加以下代码,往工具栏中添加了一个QToolButton对象和一个QSpinBox部件
QToolButton* toolButton=new QToolButton(this);//创建QToolButtontoolButton->setText("Color");QMenu* colorMenu=new QMenu(this);colorMenu->addAction("Red");colorMenu->addAction("Green");toolButton->setMenu(colorMenu);//添加菜单toolButton->setPopupMode(QToolButton::MenuButtonPopup);//设置弹出模式ui->mainToolBar->addWidget(toolButton);//向工具栏添加QToolButtonQSpinBox* spinBox=new QSpinBox(this);//创建spinBoxui->mainToolBar->addWidget(spinBox);//向工具栏添加QSpinBox
五、中心部件
主窗口的中心区域可以放置一个中心部件,它一般是一个编辑器或者浏览器。这里支持单文档部件,也支持多文档部件。一般的我们会在这里放置一个部件,然后使用布局管理器使其充满整个中心区域,并随着窗口的大小变化而变化。
中心区域使用单文档部件。在设计模式中往中心区域拖入一个Text Edit,然后单击界面,按下Ctrl+G,使其处于一个栅格布局中。运行效果如下
中心区域也可以使用多文档部件
中心区域还可以使用多文档部件。Qt中的QMdiArea部件就是用来提供一个可以显示MDI(Multiple Document Interface)多文档界面的区域,从而有效地管理多个窗口。
在设计模式中,将前面添加的Text Edit部件删除,然后拖入一个MDI Area部件。在Action编辑器的”Action_New"右击,在弹出的级联菜单中选择“转到槽”,然后在弹出对话框中选择trggered()触发信号,在槽函数中中更改代码如下。
void MainWindow::on_action_New_triggered()
{//新建文本编辑器QTextEdit* edit=new QTextEdit(this);//使用QMdiArea类的addSubWindow函数来创建子窗口,以文本编辑器为中心部件QMdiSubWindow* child=ui->mdiArea->addSubWindow(edit);child->setWindowTitle("Muti doc edit window");child->show();
}
运行效果如下
六、Dock部件
QDockWidget类提供了这样一个部件,可以提供在QMain Window中,也可以悬浮起来作为桌面顶级窗口,称为Dock部件或者停靠窗口。Dock部件一般用于存放一些其他部件来实现特殊功能,就像一个工具箱。一个Dock部件包含一个标题栏华人一个内容区域,可以向Dock部件中放入任何部件。
在设计模式中向中心区域拖入一个DOck Widget部件,然后再向Dock中拖入一个Pushn Button和一个Font Combo Box。在属性栏中更改windowTitle为“工具箱”,然后在文件菜单中添加“Tool Box"菜单项,然后在Action编辑器中转到”Tool Box"动作的触发信号triggered()槽函数,更改如下
void MainWindow::on_actionTool_box_T_triggered()
{if(ui->dockWidget->isVisible()){ui->dockWidget->hide();}else{ui->dockWidget->show();}
}
当运行程序时关闭了Dock部件后,按下该菜单项,就可以重新显示Dock了。
七、状态栏
QStatusBar提供了一个水平条部件,用来显示状态信息。QMain Window中默认提供了一个状态栏。状态信息可以分为3类:临时信息(使用showMessage()函数显示);正常信息;永久信息(addPermanentWidget()函数来添加一个如QLabel一样的可以显示信息的部件)。向mainwindow.cpp文件中构造函数继续添加代码如下:
//显示临时信息,显示2秒ui->statusBar->showMessage("Welcome to XXX",2000);//创建标签,设置标签样式并显示信息,然后将其以永久部件的形式添加到状态栏QLabel* permanent=new QLabel(this);permanent->setFrameStyle(QFrame::Box|QFrame::Sunken);permanent->setText("www.qter.org");ui->statusBar->addPermanentWidget(permanent);
运行效果如下
QMainWIndow类中默认提供了一个菜单栏、一个工具栏、一个中心区域和一个状态栏,而Dock部件是需要自己添加的。
这篇关于我的QT Creator学习笔记(九)——应用程序主窗口QMainWindow之主窗口框架的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!