【快速上手QT】01-QWidgetQMainWindow QT中的窗口

总所周知,QT是一个跨平台的C++图形用户界面应用程序开发框架。它既可以开发GUI程序,也可用于开发非GUI程序,当然我们用到QT就是要做GUI的,所以我们快速上手QT的第一篇博文就讲QT的界面窗口。

我用的IDE是VS2019,使用QTcreator的小伙伴也是可以跟着一起学习的,毕竟QT提供的API都是一样的,就是配置方面会有些许不同。

窗口的选择

我们创建一个QT项目,会让我们选择一个作为我们界面的基类,是从这三个里选:QWidget,QMainWindow,QDialog。默认是给我们选QMainWindow。

QWidget是精简版的窗口,也就是单单一个窗口其他啥也没有。

QMainWindow与QWidget相比,就是可以带菜单栏的QWidget。

QDialog比较不一样,它属于对话框,一般来说主界面不会选择它作为基类去继承它。

QMainWindow和QDialog都是QWidget的子类,也就是说QWidget是一切窗口类的爹。

 下面是基于QMainWindow的界面。

下面是基于QWidget的界面。

下面是基于QDialog的界面。

可以看的出来QWidget就是一个普普通通的界面,而QMainWindow对比QWidget就多了一个工具栏(不是菜单栏)。但是当我把初始化安排上的UI(ui.setupUi(this))删掉之后QMainWindow连那个工具栏也没有了,跟QWidget也没有什么区别。

QDialog的右上角与另外两个不一样,上面两个是常规的最小化,放大,退出。而QDialog变成了一个问号和退出。

一般情况下我们都是选择QWidget和QMainWindow比较多。对我来说,我不喜欢使用QtDesigner也就是图形化UI设计,因此在我这里QWidget和QMainWindow都是一样的,我就是用的默认选择。

QWidget

当我把QtDesigner配置的ui删掉之后可以看到界面变成下面这样了。

因为没有了界面大小的设置,整个窗口挤成一团了。

既然我不使用QtDesigner来布局界面,那么我就需要使用代码来对窗口进行设置了。

学习QT的最好办法就是去查阅QT官方提供的手册,就是在我们安装QT的目录下面就有自带的手册。找不到的小伙伴使劲去找,实在找不到的话还有网页的中文版。

Qt 5.9.9 -中文文档编制,帮助,手册,教程Qt5 / C/C++ / GUI 框架 / 中文文档编制 / 中文帮助 / 中文手册 / 中文教程icon-default.png?t=N7T8http://qt5.digitser.top/5.9/zh-CN/index.htmlQMainWindow的函数有很多,下面的图都还没截完。我们只挑几个常用的(我个人认为的)来讲讲,因为我们是快速上手嘛。

 第一件事,设置大小 

但是我们在QMainWindow拥有的函数中好像并没有找到相关的函数,因此我们需要往它的父类找,也就是QWidget里。因为接下来介绍的函数是属于QWidget的,但是三个窗口基类都可以使用,属于通用的函数。

很快我们就能找到很多相关函数。

void resize(int w, int h)

这个函数就可以修改窗口的大小,当然它还有重载函数,不过我们就先不提。

我们发现我们设置完大小之后仍然可以通过拖拽的方式去修改窗口的大小,我们也可以设置为固定的大小不允许手动修改窗口大小。

void setFixedSize(int w, int h)

除了设定固定的大小,我们还可以单独设置固定长度或是高度,这样子除了固定死的一边之外,剩下一边的大小还是可以通过拖拽来改变。

void setFixedHeight(int h)
void setFixedWidth(int w)

当然,除了通过固定的方法不让用户拖拽,我们还可以用别的办法去限制窗口的大小。

void setMaximumHeight(int maxh)
void setMaximumSize(int maxw, int maxh)
void setMaximumWidth(int maxw)
void setMinimumHeight(int minh)
void setMinimumSize(int minw, int minh)
void setMinimumWidth(int minw)

从上面函数的名字应该可以知道,这些函数可以去设置窗口的最大最小的长和宽,也就是可以把窗口的大小限制在一个范围里,用户可以拖拽窗口来修改大小,但是不能比我们设置的最小大小更小,也不能比我们设置的最大大小更大。

第二件事,起个名字

void setWindowTitle(const QString &)

使用上面的函数我们直接给一个字符串就可以修改窗口的名称了。

但是我们发现,我们的中文的乱码的,这是编码格式的问题,因此在QT中如果我们使用到了中文,那么都按照下面的格式去使用,不需要去记,我们直接用就行。

QString::fromLocal8Bit("折途");

这样就没问题了。

除了设置名字以外,我们还可以修改窗口左上角的小图标。

void setWindowIcon(const QIcon &icon)

这个函数我们需要传入一个QIcon类型的变量,我们先不管那么多,就按照我上面的写法,直接马上弄一个QIcon,传入的参数就是图片的路径。

当然我上面的写法不规范,一般在QT中我们使用图片资源之类的我们有其他方法,很少这样直接使用文件路径来写的,这个之后的文章中会说。

开启关闭

这时候我们常用的基础设置基本上就上面这些,我们再回过头看看main函数。

可以看得出来创建工程的时候,默认是帮我们把main函数写好了。

主要我们看看帮我们创建的我们主界面的类,它还帮我们调用了show这个函数。

当我们把使用show这行代码删掉之后我们能发现我们的界面不会像之前那样自己弹出来了,并且程序也没有退出,仍然在执行。

那么我们可以判断出show函数就是让我们的界面出现的。

void show()

而有显示也就有退出。

bool close()

我们在主函数中show函数的后面加上close函数,我们就能发现窗口弹出后很快就又消失了。实际上当主窗体使用了close之后应该是退出整个程序的,但是我们发现窗口消失之后程序并没有结束。这是因为我们写在了main函数里,在执行完close之后我们卡在了a.exec()中。只有我们已经卡在了a.exec()中的时候我们再调用close才会使得程序退出,这一点如何实现我们有很多办法,在后续的文章中会提到。

那如果我们想要页面消失但是又不想程序退出那该怎么办呢?

void hide()

调用上面的函数我们会将当前窗口隐藏,但是不会退出程序,而我们再次调用show时窗口又会出来。

QMainWindow

上面讲了一些通用的函数,那么接下来就讲一讲QMainWindow特有的函数了。

我们知道QMainWindow就是比QWidget多了个菜单栏,那么我们就先说说QMainWindow如何添加菜单栏。

QMenuBar菜单栏

凭借我高超的英语水平(四级差122分),一眼就能找出如何给我们的QMainWindow添加一个菜单栏。

void setMenuBar(QMenuBar *menuBar)

但是要添加菜单栏,我们首先需要有菜单栏,需要传入的参数是QMenuBar类型的变量指针。

这时候我们可以在QT官方手册里再去搜索QMenuBar。

可以看出我们要构造一个QMenuBar出来,只需要传递一个QWidget*类型的参数即可,这个我们只需要填入this即可(需要在我们主界面的成员函数中创建才可以使用this)。

至于为什么就涉及到QT的机制了。简单来说就是给QMenuBar认个“义父”,构造函数的形参名字也叫parent嘛。参数填入this就可以认为我们把这个QMenuBar挂载在了我们的主界面上,当主界面被关闭之后(调用了析构函数),会自动释放“义子们”的资源,也就是说我们new了一个QMenuBar,但是我们不需要手动去释放资源,这也是QT方便的地方。

那么我们可以创建一个QMenuBar的对象,然后添加进我们的主界面里。

但是我们却发现界面里并没有菜单栏,这是不是我们代码写错了呢。

其实菜单栏已经有了,只是我们看不到而已,因为菜单栏是空的。

菜单栏自然是有菜单的,所以我们还需要给菜单栏添加菜单。

QMenu菜单

凭借我高超的英语水平(四级差122分),一眼就能找出如何给我们的QMenuBar添加一个菜单。

QAction *addMenu(QMenu *menu)
QMenu *addMenu(const QString &title)
QMenu *addMenu(const QIcon &icon, const QString &title)

有三个重载版本,我们接下来把三种全试一遍。

第二个还好说,只要传入字符串即可,但是第一种的QMenu和第三种的QIcon又是什么鬼。

我们一个个看,人家要QMenu我们就创建一个QMenu嘛,反正我们有QT官方提供的手册,搜索一下就OK啦。

我们在QMenu的构造函数中就可以直接给出QMenu上面的文字,也可以后续通过调用它的成员函数去设置。那么获取QMenu的问题就算搞定了。

那么QIcon其实也是一样的。

它的构造函数比较多,我们就使用我们上面用过的,直接传入图片的路径就行。

那么接下来我们就为我们的菜单栏去添加菜单吧。

#include "ZheTu.h"ZheTu::ZheTu(QWidget *parent): QMainWindow(parent){this->setFixedSize(1000,1000);this->setWindowTitle(QString::fromLocal8Bit("折途"));this->setWindowIcon(QIcon("./zhetu.ico"));QMenuBar* mb = new QMenuBar(this);this->setMenuBar(mb);mb->addMenu("one");QMenu* m2 = new QMenu("two", this);mb->addMenu(m2);mb->addMenu(QIcon("./zhetu.ico"), "three");}ZheTu::~ZheTu()
{}

这样我们就可以看到菜单栏了,并且菜单栏里也有了菜单。

但是我们注意到第三个菜单只能看到icon图标而看不到文字了,这个搞起来挺麻烦的,我查了好久也没有找到比较简单的方法,那么我们就尽量避免在菜单栏中添加带图片的菜单吧。

有了菜单之后菜单也空荡荡的,我们可以给菜单添加菜单项。

QAction菜单项

凭借我高超的英语水平(四级差122分),一眼就能找出如何给我们的QMenu添加一个菜单项。

可以看出有八个重载版本,我们应该选哪一个呢,一般情况下我们都不选,我们选择它父亲(父类)的函数,也就是QWidget的函数,没错,QMenu也继承了QWidget。

为了使用上面这一种重载版本,我们需要创建一个QAction出来,我们照例是在Qt助手里搜索。

有三种构造函数,我们都来试一试。

#include "ZheTu.h"ZheTu::ZheTu(QWidget *parent): QMainWindow(parent){this->setFixedSize(1000,1000);this->setWindowTitle(QString::fromLocal8Bit("折途"));this->setWindowIcon(QIcon("./zhetu.ico"));QMenuBar* mb = new QMenuBar(this);this->setMenuBar(mb);QMenu* m1 = new QMenu("one", mb);mb->addMenu(m1);QMenu* m2 = new QMenu("two", mb);mb->addMenu(m2);QAction* a1 = new QAction(m2);QAction* a2 = new QAction("a2", m2);QAction* a3 = new QAction(QIcon("./zhetu.ico"), "a3", m2);m2->addAction(a1);m2->addAction(a2);m2->addAction(a3);
}

可以看得出我们确实是添加了三个菜单项出来了,第一个没有指定文本,因此是空白的,前两个没有指定icon,因此在图标的位置上是空着的。

我是用的VS2019敲的QT,人家VS的菜单栏中的菜单项里还有选项就像下图一样,这个是怎么做的呢。

实际上QMenu也可以添加QMenu,也就是说我们除了给 QMenu添加QAction以外,添加QMenu也是可以套娃的。

#include "ZheTu.h"ZheTu::ZheTu(QWidget *parent): QMainWindow(parent){this->setFixedSize(1000,1000);this->setWindowTitle(QString::fromLocal8Bit("折途"));this->setWindowIcon(QIcon("./zhetu.ico"));QMenuBar* mb = new QMenuBar(this);this->setMenuBar(mb);QMenu* m1 = new QMenu("one", mb);mb->addMenu(m1);QMenu* m2 = new QMenu("two", mb);//mb->addMenu(m2);m1->addMenu(m2);QAction* a1 = new QAction(m2);QAction* a2 = new QAction("a2", m2);QAction* a3 = new QAction(QIcon("./zhetu.ico"), "a3", m2);m2->addAction(a1);m2->addAction(a2);m2->addAction(a3);
}

其他部件

在我们QMainWindow中,我们可以拥有一个菜单栏,一个状态栏,一个中心部件,多个工具栏和多个铆接部件。

添加的函数分别是

void setMenuBar(QMenuBar *menuBar);
void setStatusBar(QStatusBar *statusbar);
void setCentralWidget(QWidget *widget);
void addToolBar(QToolBar *toolbar);
void addDockWidget(Qt::DockWidgetArea area, QDockWidget *dockwidget);

其实从名字我们也可以看的出来哪些是只能有一个的,哪些是可以有多个的。只能有一个的部件那么函数开头是set,而可以有多个的部件函数开头是add。

中心部件就是指定一个其他部件作为中心,比如说我要自己写一个VS出来,那么敲代码的部分就是中心对吧,那么我就可以把敲代码存放文本的部件设置为中心部件,不过实际上我不设置也可以,只要布局的合理就行,所以这里不介绍添加中心部件。

铆接部件是整一个区域出来,我们可以拖动它放到其他地方,但实际上也没什么卵用所以也不介绍了,可以参考前阵子力扣更新的自定义界面功能。

工具栏可以有多个,这个用的比较多,但是很简单,就当它是可以有多个并且可以自己拖动到其他位置(不一定在顶上)的菜单栏就行,给工具栏也是添加QAction的,比菜单栏就多了个可以停靠在其他位置(左边,右边,下面。。。),所以很简单,这里也不介绍了。

QStatusBar状态栏

状态栏只能有一个,它的函数不多,就下面几个。

我们就记住两个就行。

void addPermanentWidget(QWidget *widget, int stretch = 0);
void addWidget(QWidget *widget, int stretch = 0);

我们的状态栏是在界面的最下面的,第一个函数会把添加的QWidget*类型的参数添加到状态栏的右侧,也就是界面的右下方。第二个函数会添加到左侧,也就是界面的左下方。

那么我们需要创建一个QWidget对象吗,它不是一个界面吗,怎么塞得进一个状态栏里。

这里有点超纲了,我们就记住对于状态栏,我们一般给它塞的参数是QLabel类型的,这是一个标签类,他的父类的父类是QWidget,所以我们实际上使用了多态。

具体的我以后的文章会讲,这里看看我下面的用法就行。

#include "ZheTu.h"#include <QLabel> ZheTu::ZheTu(QWidget *parent): QMainWindow(parent){this->setFixedSize(1000,1000);this->setWindowTitle(QString::fromLocal8Bit("折途"));this->setWindowIcon(QIcon("./zhetu.ico"));QStatusBar* sb = new QStatusBar(this);this->setStatusBar(sb);QLabel* l1 = new QLabel("this is left", this);sb->addWidget(l1);QLabel* l2 = new QLabel("this is right", this);sb->addPermanentWidget(l2);}

结尾

那么这篇文章就简单介绍了QT中的窗口,QWidget和QMainWindow,主要是讲了菜单栏。

但是我们实际上还有最重要的部分没说,那就是虽然我有了菜单也有了选项,但是我按了选项没有任何反应啊。

这个就涉及到了QT的精髓,信号和槽函数了,后面的文章我会进行讲解,今天就简简单单的了解一下QT的窗口界面就好啦。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/251501.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【小白学unity记录】使用unity播放声音

1. 示例 unity中播放声音涉及到两个组件。AudioSource和AudioClip。AudioSource可以理解为播放器&#xff0c;AudioClip可以理解为音频片段文件。AudioSource可以通过.clip属性切换音频片段。 using UnityEngine;public class PlayerController : MonoBehaviour {private int…

Windows11通过Hyper-V创建VM,然后通过vscode连接vm进行开发

这边需要在win11上建立vm来部署docker(这边不能用windows版本的docker destop)&#xff0c;学习了下&#xff0c;记录。 下载系统镜像 首先下载系统镜像&#xff1a;https://releases.ubuntu.com/focal/ 这边使用的是ubuntu20.04.6 LTS (Focal Fossa) &#xff0c;Server inst…

Facebook的数字合作愿景:创新与未来发展

随着科技的飞速发展&#xff0c;Facebook一直处于数字创新的前沿&#xff0c;致力于构建开放、智能、社交的数字社交体验。本文将深入探讨Facebook的数字合作愿景&#xff0c;探索其在创新与未来发展方面的雄心壮志。 引言 在当今数字化时代&#xff0c;社交媒体不仅是人们沟通…

Vue3+vite搭建基础架构(5)--- 使用vue-i18n

Vue3vite搭建基础架构&#xff08;5&#xff09;--- 使用vue-i18n 说明官方文档安装vue-i18n使用vue-i18n测试vue-i18n的国际化配置 说明 这里记录下自己在Vue3vite的项目使用vue-i18n做国际化语言的过程&#xff0c;不使用ts语法&#xff0c;方便以后直接使用。这里承接自己的…

uniapp中配置开发环境和生产环境

uniapp在开发的时候&#xff0c;可以配置多种环境&#xff0c;用于自动切换IP地址&#xff0c;用HBuilder X直接运行的就是开发环境&#xff0c;用HBuilder X发布出来的&#xff0c;就是生产环境。 1.使用HBuilder X创建原生的uniapp程序 选择vue3 2.什么都不改&#xff0c;就…

如何开通GitHub Copilot

GitHub Copilot 是由GitHub 和OpenAI共同开发的人工智能代码辅助工具&#xff0c;可以自动地生成高质量代码片段、上下文信息等。 通过自然语言处理和机器学习技术&#xff0c;能够通过分析程序员编写的代码、注释和上下文信息&#xff0c;自动生成代码&#xff0c;减轻程序员的…

【Springcloud篇】学习笔记十(十七章):Sentinel实现熔断与限流——Hystrix升级

第十七章_Sentinel实现熔断与限流 1.Sentinel介绍 1.1是什么 随着微服务的流行&#xff0c;服务和服务之间的稳定性变得越来越重要。 Sentinel 以流量为切入点&#xff0c;从流量控制、熔断降级、系统负载保护等多个维度保护服务的稳定性。 用来代替Hystrix Sentinel 具有…

NFTScan 与 Merlin Protocol 共同推出 BRC20 Indexer Oracle,于今日正式上线!

近日&#xff0c;NFT 数据基础设施 NFTScan 与 Merlin Protocol 进行战略合作&#xff0c;联合推出了比特币网络原生资产 Indexer Oracle 服务&#xff0c;现在该服务已在 NFTScan 开发者平台上线&#xff0c;任何开发者都可以注册使用&#xff01; Merlin Protocol 是一个专用…

Swift Vapor 教程(查询数据、插入数据)

上一篇简单写了 怎么创建 Swift Vapor 项目以及在开发过程中使用到的软件。 这一篇写一个怎么在创建的项目中创建一个简单的查询数据和插入数据。 注&#xff1a;数据库配置比较重要 先将本地的Docker启动起来&#xff0c;用Docker管理数据库 将项目自己创建的Todo相关的都删掉…

算法笔记刷题日记——3.简单入门模拟 3.1简单模拟

刷题日记 3.1 简单模拟 此类题型根据题目描述进行代码的编写&#xff0c;考察代码能力&#xff0c;刷题记录如下&#xff1a; B1001 B1032 B1016 B1026 B1046 B1008 B1012 B1018 A1042 A1046 A1065 B1010 A1002 A1009 错题记录 B1008 数组元素循环右移问题 一个数组_A_中存有…

2.4日总结

第一题&#xff1a;选数 题解&#xff1a;思路还是很简单的&#xff0c;只需要想清楚dfs里的函数都是什么就可以了&#xff0c;还有一个简单的判断素数的函数&#xff0c;这题真没啥难度&#xff0c;就是属于基础题吧&#xff0c;请看AC代码 #include <stdio.h> #includ…

大数据分析|设计大数据分析的三个阶段

文献来源&#xff1a;Saggi M K, Jain S. A survey towards an integration of big data analytics to big insights for value-creation[J]. Information Processing & Management, 2018, 54(5): 758-790. 下载链接&#xff1a;链接&#xff1a;https://pan.baidu.com/s/1…

linux搭建jupyter

查看虚拟环境 conda info --envs进入虚拟环境 conda activate my_env pip install jupyter pip install ipykernel1. jupyter notebook启动 1.1 创建临时jupyter notebook任务 jupyter notebook --ip0.0.0.0 --no-browser --allow-root --notebook-dir/home/xxx1.2 jupyter…

《Vue3 基础知识》 使用 GoGoCod 升级到Vue3+ElementPlus 适配处理

此篇为 《Vue2ElementUI 自动转 Vue3ElementPlus&#xff08;GoGoCode&#xff09;》 的扩展&#xff01; Vue3 适配 Vue3 不兼容适配 Vue 3 迁移指南 在此&#xff0c;本章只讲述项目或组件库中遇到的问题&#xff1b; Vue3 移除 o n &#xff0c; on&#xff0c; on&#…

从搜索引擎到答案引擎:LLM驱动的变革

在过去的几周里&#xff0c;我一直在思考和起草这篇文章&#xff0c;认为谷歌搜索正处于被颠覆的边缘&#xff0c;它实际上可能会影响 SEO 作为业务牵引渠道的可行性。 考虑到谷歌二十多年来的完全统治地位&#xff0c;以及任何竞争对手都完全无力削弱它&#xff0c;坦率地说&…

ChatGPT可与自定义GPTs一起使用,智能AI代理时代来啦!

1月31日凌晨&#xff0c;OpenAI在社交平台公布了一个超强新功能&#xff0c;可以在ChatGPT中输入“GPTs名字”的方法&#xff0c;调用多个自定义GPTs一起协同工作。 例如&#xff0c;我想开发一款社交APP&#xff0c;1&#xff09;可以先用专业分析GPTs做一下市场调研&#xf…

ElementUI Form:InputNumber 计数器

ElementUI安装与使用指南 InputNumber 计数器 点击下载learnelementuispringboot项目源码 效果图 el-radio.vue &#xff08;InputNumber 计数器&#xff09;页面效果图 项目里el-input-number.vue代码 <script> export default {name: el_input_number,data() {re…

移动Web——less

1、less-简介 less是一个CSS预处理器&#xff0c;Less文件后缀是.less。扩充了CSS语言&#xff0c;使CSS具备一定的逻辑性、计算能力注意&#xff1a;浏览器不识别Less代码&#xff0c;目前阶段&#xff0c;网页要引入对应的CSS文件VS code插件&#xff1a;Easy LESS&#xff…

C#入门详解_01_课程简介、C#语言简介、开发环境和学习资料的准备

文章目录 1. 课程简介2. C#语言简介3.开发环境与学习资料 1. 课程简介 开设本课程的目的 传播C#开发的知识&#xff0c;让更多的人有机会接触到软件开发行业引导有兴趣或者想转行的朋友进入软件开发行业 课程内容 完整讲述C#语言在实际软件开发中的应用采用知识讲述加实例程序…

计算机网络_1.5 计算机网络的性能指标

1.5 计算机网络的性能指标 一、总览二、常用的八个计算机网络性能指标1、速率&#xff08;1&#xff09;数据量&#xff08;2&#xff09;速率&#xff08;3&#xff09;数据量与速率中K、M、G、T的数值辨析&#xff08;4&#xff09;【练习1】计算发送数据块的所需时间 2、带宽…