Qt6教程之一 Qt介绍及准备工作

一 准备工作

在正式开始之前,需要在自己电脑上面搭建好Qt的开发环境,本教程使用的Qt开发环境为Qt6.2 。

那话不多说,咋们开始做准备工作吧!

第一步:查看电脑硬件配置及操作系统

如果有一台较好配置的电脑,那么无疑用起来是最舒心的,推荐的最佳电脑配置:

5235c0923a0d42958cfd0157e5300d09.png

由于Qt是为跨平台而生的,其安装环境也是支持很多的操作系统平台,这里推荐的操作系统主要有如下几个: Windows10 , Windows11, Ubuntu20, Ubuntu22 ;

第二步:下载Qt 6.2在线安装包

Qt在线安装包支持所有版本的Qt在线安装,所以在选择时只需关注操作系统的类型即可,下载地址为:Index of /official_releases/online_installers

f83045a769e3479f9dab690726b969a3.png

如上图所示,很明显第一个用于Windows系统,第二个用于Mac系统,第三个用于Linux系统。

按照自己的操作系统进行下载之后,运行Qt在线安装程序,操作指引步骤如下:

登录Qt账号

若没有Qt账号,需要注册一个,只有登录成功后才能继续后续操作。

8be70359caf94a3ab59e78af4d67bff0.png

登录成功后,进入下面的页面: 

勾选 “我已阅读并同意使用开源Qt的条款和条件” 、“我是个人用户,我不为任何公司使用Qt” 两个选项,点击下一步: 

d4130efa3e9d4bcb9fb004a8227874ad.png

继续下一步:

1af0e1e64f754ccdbb5b2abfd8c6f9d9.png

任意勾选一项,再次点击下一步:

d1ea265e8f7d4f47a6932cc4323a3cf1.png 选择第一个:自定义安装 “custom installation”  ,并指定一个容量在20G左右且空的安装目录,点击下一步:

cf2212e541ab40709510beb4b3366641.png

 勾选 Qt 6.2.4 、Qt Design Studio 3,9,0  、Developer and Designer Tools 三个选项,继续点击下一步 ,

854f93fa667541789a6d458674b8ac04.png

勾选 我接受协议,然后点击下一步,

7b0e7600d82744a09419d4e344dc5298.png

最后等待安装完成后,点击完成即可。

特别注意:在安装期间电脑不能关机、不能断网,否则将需要从头开始进行安装操作。

第三步: 开始使用Qt 开发环境Qt Creator

博主使用的是Ubuntu22的系统,打开Qt Creator后主界面如下:

4bcf3b0686ff4e62bdf1be57211387e4.png

第四步:新建一个项目,在窗口显示 helloworld!

操作步骤如下图示:

点击创建项目 

47ea8b51282649fd9ad942b723b33cd6.png

选择呆界面的应用程序

1ccc173d5a2a424d8f63f54bd18bbf05.png

设置程序名称,选择程序路径,点击设置默认项目,接着点击下一步:

f1641698d1684c6e9b49b480790463a5.png构建系统选择CMake,点击下一步:

2ce3b39a11384dada1658a1ba84214e5.png

 class name是类名默认即可,也可以按照需求更改名称,只能用中文;

base class 是继承类默认即可,然后勾选需要UI布局文件 “generate form”, 点击下一步:

b1357fb0fc39402d8bb4ced76bff5079.png

保持默认,继续下一步,

59fa778f0a2745b293e6770bce192b10.png

勾选编译器(若没有对应编译器选项,则需要按照编译器并配置),点击下一步, 

c9a2d133b4644240b8a38a675316d6cd.png

最后点击完成即可!

fe021d60093443d694fb413956baafdc.png

 创建完毕的项目如下:

7daadb42f2f040d8b9d0584544110480.png

 鼠标左键双击UI文件,进入控件布局页面,

45ae9fd4570847219731d72761e14ff8.png

按住鼠标左键拖拽一个label文本显示控件到面板,并把其文字修改为 “hello world!” ,按下Ctrl +S 保存,最后点击左下角的绿色三角形按钮运行程序! 

0ea18e3a3d784a0b8fab78f771ba6715.png 程序运行后的效果如下:

37807368750046fcb6ab938a35f79a97.png

至此,咋们的Qt hello world程序完成啦,更多细节请继续阅读后面的教程! 

下一篇文章:

Qt控件之布局

  • 0
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
为了使更多的Qt初学者能尽快入门Qt,也为了QtQt Creator的快速普及,我们花费大量精力写出了这一系列教程。虽然教程的知识可能很浅显,虽然教程的语言可能不规范,但是它却被数十万网友所认可。我们会将这一系列教程一直写下去,它将涉及Qt的方方面面 一、Qt Creator的安装和hello world程序的编写 二、Qt Creator编写多窗口程序 三、Qt Creator登录对话框 四、Qt Creator添加菜单图标 五、Qt Creator布局管理器的使用 六、Qt Creator实现文本编辑 七、Qt Creator实现文本查找 八、Qt Creator实现状态栏显示 九、Qt Creator中鼠标键盘事件的处理实现自定义鼠标指针 十、Qt Creator中实现定时器和产生随机数 十一、Qt 2D绘图(一)绘制简单图形 十二、Qt 2D绘图(二)渐变填充 十三、Qt 2D绘图(三)绘制文字 十四、Qt 2D绘图(四)绘制路径 十五、Qt 2D绘图(五)显示图片 十六、Qt 2D绘图(六)坐标系统 十七、Qt 2D绘图(七)Qt坐标系统深入 十八、Qt 2D绘图(八)涂鸦板 十九、Qt 2D绘图(九)双缓冲绘图简介 二十、Qt 2D绘图(十)图形视图框架简介 二十一、Qt数据库(一)简介 二十二、Qt数据库(二)添加MySQL数据库驱动插件 二十三、Qt数据库(三)利用QSqlQuery类执行SQL语句(一) 二十四、Qt数据库(四)利用QSqlQuery类执行SQL语句(二) 二十五、Qt数据库(五)QSqlQueryModel 二十六、Qt数据库(六)QSqlTableModel 二十七、Qt数据库(七)QSqlRelationalTableModel 二十八、Qt数据库(八)XML(一) 二十九、Qt数据库(九)XML(二) 三十、Qt数据库(十)XML(三) 三十一、Qt 4.7.0及Qt Creator 2.0 beta版安装全程图解 三十二、第一个Qt Quick程序(QML程序) 三十三、体验QML演示程序 三十四、Qt Quick Designer介绍 三十五、QML组件 三十六、QML项目之Image和BorderImage 三十七、Flipable、Flickable和状态与动画 三十八、QML视图 三十九、QtDeclarative模块 四十、使用Nokia Qt SDK开发Symbian和Maemo终端软件 四十一、Qt网络(一)简介 四十二、Qt网络(二)HTTP编程 四十三、Qt网络(三)FTP(一) 四十四、Qt网络(四)FTP(二) 四十五、Qt网络(五)获取本机网络信息 四十六、Qt网络(六)UDP 四十七、Qt网络(七)TCP(一) 四十八、Qt网络(八)TCP(二)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值