铁佛 发表于 2024-6-5 10:40:11

Qt学习第四篇(主窗口和ui的使用)

QMainWindow

QMainWindow是一个为用户提供主窗口程序的类,包含一个菜单栏(menu bar)、多个工具栏(tool bars)、多个停靠部件(dock widgets)、一个状态栏(status bar)及一个中央部件(central widget),是许多应用程序的底子,如文本编辑器,图片编辑器等。
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113752429-1271856969.png
菜单栏

一个主窗口最多只有一个菜单栏。位于主窗口顶部、主窗口标题栏下面。

[*]通过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();https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113752093-328738618.png鼠标摸住子菜单的时候就会弹出子菜单选项
[*]创建菜单项,调用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();
}这里我们答应了工具栏移动到左右和底部,初始的位置如下:https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113750534-1855515563.png
但是我们可以根据红箭头指向的位置进行拖动,https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113750205-1855748269.png
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113749823-254865387.png
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113749434-48191131.png
此外,我们看到工具栏里有一个是图形图标,但是其他都是字符,这就用到了我们资源文件的配置。
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")在代码中引用它了。如果没有找到具体路径,则只显示后续的字符串
具体的如下图所示:
</ol>https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113749033-1855934185.png
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113748605-1216072249.png
使用setFloatable(trueOrFalse)函数来设定工具栏可否浮动https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113748211-630216275.png如许就代表可以把工具栏单独拉出整个窗口位置,false反之。
使用setMoveable(trueOrFalse)函数设定工具栏的可移动性:<img alt="image-20240604201558061" loading="lazy">我们设置为false之后发现原来左侧的一排可移动的点消失了,setMoveable(false)//工具条不可移动, 只能停靠在初始化的位置上。
状态栏

一个QMainWindow的程序最多只有一个状态栏。QMainWindow中可以有多个的部件都使用add…名字的函数,而只有一个的部件,就直接使用获取部件的函数,如menuBar。同理状态栏也提供了一个获取状态栏的函数statusBar(),没有就自动创建一个并返回状态栏的指针。
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);https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113747831-1017402388.png
停靠部件(也称为铆接部件、浮动窗口)

停靠部件 QDockWidget,也称浮动窗口,可以有多个。
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113747462-2144931615.png
QDockWidget提供了dock Widget的概念,也称为工具选项板或实用程序窗口。停靠窗口是放置在QMainWindow中央小部件周围的停靠小部件区域中的辅助窗口。停靠窗口可以在其当前区域内移动,移动到新区域,并由最终用户浮动(例如,取消停靠)。QDockWidget API答应程序员限制dock小部件移动、浮动和关闭的能力,以及它们可以放置的区域。
w.statusBar()->showMessage("regina");
w.statusBar()->showMessage("ivanlee",3000);//3秒消失
//添加一个永久显示的组件
QLabel *permenentLabel = new QLabel("permenent status");
w.statusBar()->addPermanentWidget(permenentLabel);
QProgressBar *progressBar = new QProgressBar;
w.statusBar()->addWidget(progressBar);https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113747091-952146092.png
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113746555-12940284.png
ui

https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113746086-2033124971.png
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113745555-981075694.png在这些地方可以进行添加和删除部件。
使用UI文件创建界面很轻松很便捷,他的原理就是每次我们保存UI文件的时候,QtCreator就自动帮我们将UI文件翻译成C++的图形界面创建代码。可以通过以下步骤查看代码
到工程编译目录,一般就是工程同级目录下会天生另一个编译目录,会找到一个带ui_前缀跟ui文件同名的.h文件,这就是代码
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113745079-1196573832.png
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113744646-1960667006.png
代码内容为:https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113743959-2092221241.png
在项目MainWindow的构造函数中会调用这个函数来初始化窗口,其实这里边就是初始化我们的各个控件。https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113743535-8006585.png
ui使用信号槽

在UI编辑界面中使用信号和槽很方便,比如,拖出一个Button到窗口上,右键这个button,选择转到槽:https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113743065-1011941100.png
此时会出现这个控件(QPushButton)可以连接的各个信号,我们可以根据具体需求选中信号来创建一个连接这个信号的槽函数:https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113742579-764500266.png
以click(bool)信号为例,创建了一个槽函数。这个槽函数是QtCreator自动帮我们创建的,而且也使用天生C++代码的方式帮我们做好了连接,我们可以直接在这个函数体内实现功能就行。很方便,比使用Lambda表达式还方便。https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113742091-1496629388.png
可以使用动作编辑器旁边的信号槽编辑器,里边也可以添加信号和槽的连接,比如添加PushButton的clicked信号和radioButton槽的连接:https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113741293-970848934.png
按住F4键就可以看到相互的关系
https://img2023.cnblogs.com/blog/2862884/202406/2862884-20240605113740829-230633554.png

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: Qt学习第四篇(主窗口和ui的使用)