Qt学习第四篇(主窗口和ui的使用)
QMainWindow
QMainWindow是一个为用户提供主窗口程序的类,包含一个菜单栏(menu bar)、多个工具栏(tool bars)、多个停靠部件(dock widgets)、一个状态栏(status bar)及一个中心部件(central widget),是许多应用程序的基础,如文本编辑器,图片编辑器等。
菜单栏
一个主窗口最多只有一个菜单栏。位于主窗口顶部、主窗口标题栏下面。
-
通过QMainWindow类的menubar()函数获取主窗口菜单栏指针,如果当前窗口没有菜单栏,该函数会自动创建一个。
QMenuBar *menuBar = w.menuBar();// 获取主窗口的菜单栏指针
-
创建菜单,调用
QMenu
的成员函数addMenu
来添加菜单QAction* addMenu(QMenu * menu); QMenu* addMenu(const QString & title); QMenu* addMenu(const QIcon & icon, const QString & title);
MainWindow w; QMenuBar *menubar = w.menuBar();// 获取主窗口的菜单栏指针 QMenu *menu = menubar->addMenu("menu");// 添加主菜单 QMenu *submenu = new QMenu("submenu");// 添加子菜单 menu->addMenu(submenu); QAction *newAction = submenu->addAction("new action"); // 添加子菜单项 w.show();
鼠标摸住子菜单的时候就会弹出子菜单选项
-
创建菜单项,调用QMenu的成员函数addAction来添加菜单项
QAction* activeAction() const; QAction* addAction(const QString & text); QAction* addAction(const QIcon & icon, const QString & text); QAction* addAction(const QString & text, const QObject * receiver, const char * member, const QKeySequence & shortcut = 0); QAction* addAction(const QIcon & icon, const QString & text, const QObject * receiver, const char * member, const QKeySequence & shortcut = 0);
QAction* activeAction() const;
:- 这个函数返回当前活动的动作(Action)。
- 活动的动作是用户最后选择的动作,或者在程序中通过编程方式设置的动作。
QAction* addAction(const QString & text);
:- 这个函数用于向菜单或工具栏添加一个文本动作。
text
参数是要显示在动作上的文本。- 返回添加的动作对象的指针。
QAction* addAction(const QIcon & icon, const QString & text);
:- 这个函数用于向菜单或工具栏添加一个带图标和文本的动作。
icon
参数是要显示在动作上的图标。text
参数是要显示在动作上的文本。- 返回添加的动作对象的指针。
QAction* addAction(const QString & text, const QObject * receiver, const char * member, const QKeySequence & shortcut = 0);
:- 这个函数用于向菜单或工具栏添加一个文本动作,并与指定的对象的槽函数关联。
text
参数是要显示在动作上的文本。receiver
参数是槽函数的接收者对象。member
参数是槽函数的名称。shortcut
参数是可选的键盘快捷键。- 返回添加的动作对象的指针。
QAction* addAction(const QIcon & icon, const QString & text, const QObject * receiver, const char * member, const QKeySequence & shortcut = 0);
:- 这个函数用于向菜单或工具栏添加一个带图标和文本的动作,并与指定的对象的槽函数关联。
icon
参数是要显示在动作上的图标。text
参数是要显示在动作上的文本。receiver
参数是槽函数的接收者对象。member
参数是槽函数的名称。shortcut
参数是可选的键盘快捷键。- 返回添加的动作对象的指针。
#include "mainwindow.h"
#include <QApplication>
#include <QMainWindow>
#include <QMenu>
#include <QMenuBar>
#include <QAction>
#include <QDebug>
#include <QToolBar>
#include <QObject>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QMainWindow w;
QMenuBar *menubar = w.menuBar();// 获取主窗口的菜单栏指针
QMenu *menu = menubar->addMenu("menu");// 添加主菜单
QMenu *submenu = new QMenu("submenu");// 添加子菜单
menu->addMenu(submenu);
QAction *Action1 = submenu->addAction("action:kiss");
QAction *Action2 = submenu->addAction("action:hug");
qDebug() << "Active action:" << submenu->activeAction(); // 打印活动的动作
// 添加动作到工具栏
QToolBar* toolBar = w.addToolBar("Toolbar");
QAction* Action3 = toolBar->addAction("action:sleep");
QAction* Action4 = toolBar->addAction("action:play");
QObject::connect(Action1,&QAction::triggered,[&](){
qDebug() << "kiss triggered";
});
QObject::connect(Action2,&QAction::triggered,[&](){
qDebug() << "hug triggered";
});
QObject::connect(Action3,&QAction::triggered,[&](){
qDebug() << "sleep triggered";
});
QObject::connect(Action4,&QAction::triggered,[&](){
qDebug() << "play triggered";
});
w.show();
return a.exec();
}
这段代码里我们使用了子菜单栏和工具栏两种方式解释我们的action以及打印动作的用法。
通过点击各种行为,然后经过[槽函数](Qt学习第三篇(信号槽函数的连接) - ivanlee717 - 博客园 (cnblogs.com))的连接,可以在终端看到这些行为。
Qt 并没有专门的菜单项类,只是使用一个QAction类,抽象出公共的动作。当我们把QAction对象添加到菜单,就显示成一个菜单项,添加到工具栏,就显示成一个工具按钮。用户可以通过点击菜单项、点击工具栏按钮、点击快捷键来激活这个动作。
工具栏
主窗口的工具栏上可以有多个工具条,通常采用一个菜单对应一个工具条的的方式,也可根据需要进行工具条的划分。
-
调用
QMainWindowd
对象的成员函数addToolBar()
,该函数每次调用都会创建一个新的工具栏,并且返回该工具栏的指针。 -
插入属于工具条的项,这时工具条上添加项也是用QAction。通过QToolBar类的addAction函数添加。
-
工具条是一个可移动的窗口,它的停靠区域由QToolBar的allowAreas决定,包括(以下值可以通过查帮助文档allowAreas来索引到):
Qt::LeftToolBarArea
停靠在左侧Qt::RightToolBarArea
停靠在右侧Qt::TopToolBarArea
停靠在顶部Qt::BottomToolBarArea
停靠在底部Qt::AllToolBarAreas
以上四个位置都可停靠toolBar->addAction(new QAction(QIcon(":/images/newfile.png"), "New", &w)); toolBar->addAction(new QAction(QIcon(":/images/open.png"), "Open", &w)); toolBar->addAction(new QAction(QIcon(":/images/1.png"), "Save", &w)); // 设置工具栏可以停靠的所有区域 toolBar->setAllowedAreas(Qt::LeftToolBarArea|Qt::RightToolBarArea|Qt::BottomToolBarArea);
这里我们允许了工具栏移动到左右和底部,初始的位置如下:
但是我们可以根据红箭头指向的位置进行拖动,
此外,我们看到工具栏里有一个是图形图标,但是其他都是字符,这就用到了我们资源文件的配置。
Qt的资源系统(Resource System)把图像文件的路径添加到
.qrc
文件中。.qrc
文件是Qt用来组织和管理项目中静态资源(如图像、样式表、翻译文件等)的一种方式。资源文件允许你以一种平台无关的方式引用项目内的文件,并且在编译时,这些资源会被编译进应用程序的二进制文件中,便于部署和访问。具体操作步骤如之前所述,简要回顾如下:
-
创建或打开
.qrc
文件:在Qt Creator中,通过“文件”>“新建文件或项目”>“Qt”>“Qt资源文件”来创建一个新的资源文件,或者直接在项目目录中手动创建一个.qrc
文件。 -
在
.qrc
文件中添加图像:使用Qt Creator的资源编辑器,右键点击资源文件树,选择“添加”>“文件”,然后浏览并选择你的图像文件(如1.png
),将其添加到资源集合中。你可以为资源指定一个逻辑路径,例如/images/1.png
,其中/images
是一个自定义的前缀,用于组织资源。 -
在代码中引用资源:一旦图像被添加到资源文件,你就可以通过资源的URL(如
":/images/1.png"
)在代码中引用它了。如果没有找到具体路径,则只显示后续的字符串具体的如下图所示:
-
使用setFloatable(trueOrFalse)函数来设定工具栏可否浮动这样就代表可以把工具栏单独拉出整个窗口位置,false反之。
使用setMoveable(trueOrFalse)函数设定工具栏的可移动性:
停靠部件(也称为铆接部件、浮动窗口)
停靠部件 QDockWidget,也称浮动窗口,可以有多个。
QDockWidget
提供了dock Widget的概念,也称为工具选项板或实用程序窗口。停靠窗口是放置在QMainWindow中心小部件周围的停靠小部件区域中的辅助窗口。停靠窗口可以在其当前区域内移动,移动到新区域,并由最终用户浮动(例如,取消停靠)。QDockWidget API允许程序员限制dock小部件移动、浮动和关闭的能力,以及它们可以放置的区域。
// 创建停靠部件1,包含一个按钮
QDockWidget *dock1 = new QDockWidget("停靠部件1", &w);
QWidget *widgetContent1 = new QWidget(dock1);
QPushButton *button1 = new QPushButton("按钮1", widgetContent1);
QVBoxLayout *layout1 = new QVBoxLayout(widgetContent1);
layout1->addWidget(button1);
dock1->setWidget(widgetContent1);
// 创建停靠部件2,也包含一个按钮
QDockWidget *dock2 = new QDockWidget("停靠部件2", &w);
QWidget *widgetContent2 = new QWidget(dock2);
QPushButton *button2 = new QPushButton("按钮2", widgetContent2);
QVBoxLayout *layout2 = new QVBoxLayout(widgetContent2);
layout2->addWidget(button2);
dock2->setWidget(widgetContent2);
// 添加停靠部件到主窗口,并设定默认停靠位置
w.addDockWidget(Qt::LeftDockWidgetArea, dock1);
w.addDockWidget(Qt::RightDockWidgetArea, dock2);
// 设定停靠部件允许停靠的范围
dock1->setAllowedAreas(Qt::LeftDockWidgetArea | Qt::RightDockWidgetArea | Qt::TopDockWidgetArea);
dock2->setAllowedAreas(Qt::LeftDockWidgetArea | Qt::RightDockWidgetArea | Qt::BottomDockWidgetArea);
ui
在这些地方可以进行添加和删除部件。
使用UI文件创建界面很轻松很便捷,他的原理就是每次我们保存UI文件的时候,QtCreator就自动帮我们将UI文件翻译成C++的图形界面创建代码。可以通过以下步骤查看代码
到工程编译目录,一般就是工程同级目录下会生成另一个编译目录,会找到一个带ui_前缀跟ui文件同名的.h文件,这就是代码
代码内容为:
在项目MainWindow的构造函数中会调用这个函数来初始化窗口,其实这里边就是初始化我们的各个控件。
ui使用信号槽
在UI编辑界面中使用信号和槽很方便,比如,拖出一个Button到窗口上,右键这个button,选择转到槽:
此时会出现这个控件(QPushButton)可以连接的各个信号,我们可以根据具体需求选中信号来创建一个连接这个信号的槽函数:
以click(bool)信号为例,创建了一个槽函数。这个槽函数是QtCreator自动帮我们创建的,而且也使用生成C++代码的方式帮我们做好了连接,我们可以直接在这个函数体内实现功能就行。很方便,比使用Lambda表达式还方便。
可以使用动作编辑器旁边的信号槽编辑器,里边也可以添加信号和槽的连接,比如添加PushButton
的clicked信号和radioButton槽的连接:
按住F4键就可以看到相互的关系
本文来自博客园,作者:ivanlee717,转载请注明原文链接:https://www.cnblogs.com/ivanlee717/p/18232704
热门相关:纨绔毒医 女王嫁到:老公,太凶了 调教初唐 蓝白社 梁医生又在偷偷套路我