QT界面开辟--我的第一个windows窗体【菜单栏、工具栏、状态栏、铆接部件、 ...

经过前面的铺垫，今天我们就开始我们图形化界面之旅了，我们的第一个窗体主要包罗：菜单栏、状态栏、工具栏、铆接部件、还有Qt提供的一些主窗体的API。
第一部门：主界面(QMainWindow)

当创建好项目后，我们直接运行，看一下运行结果：

你会发现，这个界面是小小的一坨，看起来一点也不舒服，那我们就可以利用resize()方法来更改界面尺寸。代码如下：

1. MainWindow::MainWindow(QWidget *parent)
2.     : QMainWindow(parent)
3. {
4.     this->resize(600,400);//将界面尺寸设置为600*400
5. }

复制代码

 此时大小的问题我们解决了，如果我们不想这个尺寸被更改，我们可以利用，将窗体的尺寸固定

1. setFixedSize(this->size());//将当前大小固定

复制代码

 然后还有一个问题就是这个窗体的标题不是我们想要的，我们如何改成我们想要的标题呢？

1. setWindowTitle("Stark系统");//设置窗体标题

复制代码

设置之后，界面就是现在的效果了。更多内容可以查看Qt自带的帮助文档。

第二部门：菜单栏 (QMenuBar)

菜单栏(QMenuBar)是用于在应用程序的窗口顶部显式菜单的组件。一般一个窗口最多拥有一个菜单栏。我们的菜单栏的设置需要有以下几个步骤：
1.在主窗口创建菜单栏

如果我们选择利用 QMenuBar * mBar=new QMenuBar(this); 的话，设置出来的菜单栏没有任何设置，非常的貌寝，要我们亲身去设计也可以，那就非常麻烦，所以Qt就为我们提供了一套方法：

1.     // //第一步：创建菜单栏并接收
2.     QMenuBar * menuBar = menuBar();
3.     // //第二步：将菜单栏设置到该窗口内
4.     setMenuBar(menuBar);

复制代码

设置好后点击运行，没有出现任何改变，不要张皇，不要发急，这是由于菜单栏中什么也没有。我们需要添加菜单项在菜单栏中。
2.添加菜单到菜单栏 

利用QMenu来创建菜单，然后将其添加到菜单栏。主要的流程如下：

1.     // //第三步：创建菜单项
2.     QMenu * fileMenu=new QMenu("文件");
3.     QMenu * editMenu=new QMenu("编辑");
4.     QMenu * helpMenu=new QMenu("帮助");
5.     // //第四步：将菜单项加到菜单栏中
6.     menuBar->addMenu(fileMenu);
7.     menuBar->addMenu(editMenu);
8.     menuBar->addMenu(helpMenu);

复制代码

如许的话，我们就建立了三个菜单项：文件、编辑、帮助。并添加到了菜单栏menuBar中 。此时看一下运行的效果是怎样的：

ok，此时窗体中就有了一个菜单栏，其中的菜单项根据你的现实需求举行添加。我们可以对比一下Qt的菜单栏：

 Qt界面提供了九个菜单项。每个菜单项下又有一些子项，这些子项是什么？这些子项被称为动作。类型是QAction。
3.添加动作到菜单

我们可以声明几个动作来放到文件菜单下：

1.     // //第五步；创建活动项
2.     QAction * newAction=new QAction("新建文件");
3.     QAction * openAction=new QAction("打开文件");
4.     QAction * saveAction=new QAction("保存文件");
5.     // //第六步：将活动项加到菜单项下
6.     fileMenu->addAction(newAction);
7.     fileMenu->addAction(openAction);
8.     fileMenu->addAction(saveAction);

复制代码

此时我们的【文件】菜单下就有了新建文件、打开文件、生存文件三个动作。这些动作现实起作用其实就需要我们利用connect来举行组件之间的信号与槽的关联。
除此以外，我们还可以添加分隔符、子菜单：

1.     //第七步：添加分隔符与子菜单
2.     fileMenu->addSeparator();
3.     fileMenu->addMenu(new QMenu("无效项"));

复制代码

此时我们的运行观察结果：

ok，越来越像样了。
在这里，我们需要留意的是，千万不要忘了引用头文件。

1. #include <QMenuBar>
2. #include <QMenu>
3. #include <QAction>

复制代码

现实上我们只需要引用第一个就可以了。
第三部门：工具栏(QToolBar)

工具栏(QToolBar)是一个可用于放置常用操纵和功能按钮的界面组件，通常位于主窗口的顶部或侧边。工具栏可以显著进步用户体验，是的常用功能更易访问。
万事开头都是头文件：这次我们需要添加#include <QToolBar>
1.在主窗口创建工具栏

添加工具栏时我们直接利用new即可：

1.     //第一步：创建工具栏并接收
2.     QToolBar * toolBar=new QToolBar();
4.     //第二步：添加工具栏至该窗口
5.     //addToolBar(toolBar);
6.     addToolBar(Qt::ToolBarArea::LeftToolBarArea,toolBar);//设置默认停靠区域：左部
7.     //addToolBar(Qt::ToolBarArea::TopToolBarArea,tbar2);//设置默认停靠区域:顶部
8.     toolBar->setMovable(false);//固定区域，不可移动
9.     //tbar2->setFloatable(false);//不可悬浮，必须停靠某个区域

复制代码

在第二步中我们可以看到我们利用的是addToolBar将工具栏toolBar添加到该窗口，这是由于，窗口中理论上最多只有一个菜单栏，所以利用set设置，工具栏可以有多个，所以利用add，这是非常讲求的。对于该接口，如果我们只传工具栏对象指针，默认将工具栏停靠在窗口上方，但我们可以多传一个参数来确定工具栏的默认停靠位置：
Qt::ToolBarArea:eftToolBarArea,代表默认停靠在窗口的左侧，对应的还有上、下、右。为什么称为默认停靠区域呢？显然，工具栏可以拖拽，浮动。我们可以选择不让他浮动在窗口，必须停靠在窗口的一边，这个是QToolBar的接口：setFloatable(false)，将浮动的(Floatable)属性设置(set)为false，也就是不可浮动。我们也可以选择不答应移动该工具栏：setMovable(false)。
2.添加动作到工具栏

工具栏上可以拥有一些动作，这些动作其实就是菜单下的动作，只不外这些动作比较常用，我们就将其单独列到工具栏，方便用户交互。固然，我们也可以添加一些菜单栏中的菜单中所没有的动作，这不违反语法和规定，这是答应的。下面我们看一下如何添加动作呢？其实与在菜单中添加动作一样(你可以理解为：一个菜单项就是一个折叠起来的工具栏)。

1.     //第三步：添加工具栏选项
2.     QAction* debugAction=new QAction("调试");
3.     QAction* helpAction=new QAction("帮助");
4.     //第四步：将选项加载至工具栏
5.     toolBar->addAction(debugAction);
6.     toolBar->addAction(helpAction);

复制代码

此时来看一下运行效果：

 固然，工具栏中也可以添加一些分隔符和一些像按钮一样的组件：

1.     toolBar->addSeparator();
2.     QPushButton *exitBtn = new QPushButton("退出",this);
3.     toolBar->addWidget(exitBtn);

复制代码

再看效果图：

分隔符的存在是为了将不同的功能举行划分，而按钮的存在其实与动作的效果类似，只是举行connect时访问的信号不同，比方：

1.     //点击自添加退出按钮后，关闭窗口
2.     connect(exitBtn,&QPushButton::clicked,this,&QWidget::close);
3.    
4.     QMessageBox * msg=new QMessageBox(this);
5.     msg->setWindowTitle("提示");
6.     msg->setText("功能丰富，随便用。");
7.    
8.     //引发动作后，将弹出消息提示框
9.     connect(helpAction,&QAction::triggered,msg,&QWidget::show);

复制代码

我们点击按钮时，触发的信号是点击：clicked。而动作不同，我们触发的信号是引发：triggered。
别的，二者也有其他的区别，比如按钮可以设置更的属性动作设置不了，类似背景色等的东西。
我们试着运行一下，测试效果：

点击退出后，窗口确实随之关闭了。
第四部门：状态栏(QStatusBar)

状态栏 (QStatusBar) 是一个用于表现应用程序当前状态的信息的组件，通常位于主窗口的底部。状态栏可以用来表现消息、进度信息或应用程序的状态等。一般一个窗口最多拥有一个状态栏。
创建状态栏的根本步骤：
前提：引用头文件：#include <QStatusBar>
1.在主窗口创建状态栏

创建状态栏也是new出来的。由于状态栏一般只有一个，所以我们添加的方法是set而非add。

1.     //第一步：建立状态栏
2.     QStatusBar * stBar=new QStatusBar();
3.     //第二步：设置到窗口
4.     setStatusBar(stBar);

复制代码

 2.添加标签到状态栏

我们添加一个提示信息的标签，这是一个固定的信息，除非后续我们利用setText("");为标签的Text属性举行修改，我们的标签文本内容就是固定的了。创建时也是new，添加时我们利用添加组件的方法addWidget即可，将label组件到场即可。默认将标签设置到状态栏左侧，可以额外传入一个int类型的参数

。举行拉伸的话，默认的位置就会发生变动。如果利用addPermanentWidget方法，默认位置则是右侧，也可以传入int类型的参数，效果与前者相反。

1.     //第三步：添加标签
2.     QLabel * label_hint=new QLabel("系统提示信息:");
4.     //第四步：设置标签位置
5.     stBar->addWidget(label_hint);//默认放到左侧
6.     //stBar->addPermanentWidget(label_hint);//默认放到右侧

复制代码

固然，我们也可以添加其它的小部件：如进度条、按钮等。
3.添加消息到状态栏

我们可以利用showMessage方法向状态栏表现一条消息：

1. stBar->showMessage("欢迎使用Stark系统！", 5000); // 消息显示5秒

复制代码

 第四部门：文本编辑器

在窗口中心设置一个文本编辑器。

1.     //设置中心部件
2.     QTextEdit *textEdit=new QTextEdit(this);
3.     setCentralWidget(textEdit);

复制代码

 

此时我们就可以在窗口内输入一些信息，如果我们对【生存文件】动作和 生存文本信息 举行信号与槽的毗连的话，我们就实现了一个简朴的word编辑器，固然了我们还需要对文本举行字体大小、色彩、背景、等东西举行修改才华逐步美满。但此时，我们已经有很大的进步了。
 第五部门：铆接部件

1.     QDockWidget *dockWidget=new QDockWidget("这是一个浮动窗口",this);
2.     addDockWidget(Qt::BottomDockWidgetArea,dockWidget);//默认停靠下方
3.     dockWidget->setAllowedAreas(Qt::BottomDockWidgetArea|Qt::TopDockWidgetArea);//只能上下停靠
4.     //dockWidget->setAcceptDrops(false);//不接受拖拽

复制代码

 铆接部件是一个浮动窗口

如果在浮动窗口中到场一些功能，是不是感觉布局与VS有点像了呢？固然了，只是现在界面外表低配，只有实现connect以及自定义或提供的一些方法信号才华实现更强大的功能。

---

感谢观看


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。