我的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);//设置只能有一个被选中，也可以不设，默认就是true
    QAction* 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);//创建QToolButton
    toolButton->setText("Color");
    QMenu* colorMenu=new QMenu(this);
    colorMenu->addAction("Red");
    colorMenu->addAction("Green");
    toolButton->setMenu(colorMenu);//添加菜单
    toolButton->setPopupMode(QToolButton::MenuButtonPopup);//设置弹出模式
    ui->mainToolBar->addWidget(toolButton);//向工具栏添加QToolButton
    QSpinBox* spinBox=new QSpinBox(this);//创建spinBox
    ui->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部件是需要自己添加的。