0
点赞
收藏
分享

微信扫一扫

QT GUI开发(一):保姆级VS2015配置QT开发环境

Mhhao 2022-04-30 阅读 84

QT GUI开发(一):保姆级VS2015配置QT开发环境

前言

做软件开发,特别是用户图像界面交互方向,QT的应用越来越广泛了,因其可移植性,以及强大的配置库,大有替代VS的MFC的趋势,笔者2011年上大学的时候,一般开发GUI界面工程都还是基于MFC的框架,到了2015年开始研究生学习的时候,考虑到移植到嵌入式平台的应用需求,已经开始应用QT作为自己的毕设GUI界面开发平台了。正好现在自己的工作也主要与QT打交道,所以又重新捡回QT,后续会介绍多种QT开发的小技巧以及应用。

目前市场上对上位机,特别是QT开发还是比较受欢迎的,以笔者所在二线城市长沙为例,在求职市场上的岗位需求如下图可以看出,比较熟练应用QT的话,基本上薪资过万问题不大。
在这里插入图片描述
本系列第一章,介绍一下如何在VS2015中配置QT开发环境,话不多说,开始!

一. QT环境搭建

1.1 QT安装

官网下载一个QT:QT官网
在这里插入图片描述
我选择的是5.9.6(虽然文件名均显示为x86,其实安装的时候32位,64位都是可选的),找到Windows下的版本,点击下载
在这里插入图片描述
下载完成后,双击安装
在这里插入图片描述

点击“Next”,邮箱注册一个QT账号,输入账号密码点击“Next”
在这里插入图片描述
点击“下一步”开始安装,选择安装文件夹
在这里插入图片描述
在这里插入图片描述
点击“下一步”,根据需要选择需要安装的组件(选的越多安装所需空间越大)

在这里插入图片描述

点击“下一步”
在这里插入图片描述
在这里插入图片描述
选择接受协议,点击“下一步”
在这里插入图片描述

点击“下一步”
在这里插入图片描述

点击“安装”,开始安装
在这里插入图片描述

等待一段时间,安装完成
在这里插入图片描述
点击“完成”,Qt Create可以正常打开,即安装完毕

将QT添加到环境变量,计算机右键点击“属性”
在这里插入图片描述
点击“高级系统设置”
在这里插入图片描述
点击“环境变量”
在这里插入图片描述
找到系统变量中的Path,双击,添加QT路径
在这里插入图片描述
确定保存,重启电脑(环境变量生效)。

1.2 VS中安装工具库

打开VS2015
在这里插入图片描述
点击“工具”,选择“扩展和更新”
在这里插入图片描述
点击“联机”,右上角搜索框输入:QT(回车)
在这里插入图片描述
QT工具出现在第一行,点击“下载”
在这里插入图片描述
下载完毕,开始安装,点击“安装”
在这里插入图片描述
安装完之后,会显示一个绿色小勾,
在这里插入图片描述
建议把QtPackage也安装上(),点击“下载”
在这里插入图片描述
在这里插入图片描述
下载完毕,点击“安装”
在这里插入图片描述
安装成功
在这里插入图片描述
重启VS2015,工具栏出现“Qt5”、“Qt VS Tools”,报了一个弹窗错误:未能正确加载“Vsix”包
在这里插入图片描述
搜到是装了Qt add插件后Qt插件自动更新了 ,扩展和更新中Qt插件有个自动更新选项,取消自动更新。
在这里插入图片描述
在这里插入图片描述
重启VS2015,不弹出报错,点击工具栏“Qt5”,选择“Qt Options”
在这里插入图片描述
点击“Add”,配置QT路径
在这里插入图片描述
选择QT路径
在这里插入图片描述
点击"OK"
在这里插入图片描述

再点击“OK”,QT环境搭建完成!下面进行一个小小的实例

二. QT简单工程示例

新建一个项目,列表项选择“Qt5 Projects”,选择“Qt Application” ,选d定项目位置,输入项目名
在这里插入图片描述
点击"确定"
在这里插入图片描述
点击“下一步”,配置所需QT库
在这里插入图片描述
本文仅介绍简单GUI工程示例,所以默认配置项,点击“Finish”,进入工程界面
在这里插入图片描述
基本的QT GUI文件均已配置完成,打开“project1.ui”(默认为安装好的Qt Creator 打开)
在这里插入图片描述
在这里可以对GUI进行设计,默认只有窗口,无任何控件,点击工具栏中“生成”中的“生成解决方案”
在这里插入图片描述
生成成功,点击“调试”中的“开始调试”(或者绿色小三角)
在这里插入图片描述
弹出GUI界面,调试成功

三. 小结

本文主要介绍了在VS2015中配置QT5.9.6的过程,主要是为后续进行基于QT的GUI工程开发做好准备工作,后续会对GUI中控件添加,以及不同功能进行设计开发。

举报

相关推荐

0 条评论