文章目录
一、学习所需要的软件
二、安装 VS2012
三、win10 下安装 QT
一、学习所需要的软件
- Visual Studio 2012
- Qt SDK 4.7.4
- Qt Creator 2.4.1
-
Visutal Studio 2012
- 用于学习 Windows 上 GUI 程序设计的原理
- 体会使用 C/C++ 编写 GUI 窗口应用程序
- 展现 Qt 对于 Windows 窗口开发的面向对象封装
二、安装 VS2012
这个安装比较简单,按部就班一步步安装就好,如果没有安装包的可以用我的。
链接:https://pan.baidu.com/s/141GvqtP4BhiXXlcnXfsVQA?pwd=axdh
提取码:axdh
三、win10 下安装 QT
这个安装比较复杂,会一步步讲解。相关安装包如下:
链接:https://pan.baidu.com/s/1N5Vd12jvticuFiyGkEET3Q?pwd=46l2
提取码:46l2
首先安装 QT Creator:
第一步:双击运行 qt-creator-win-opensource-2.4.1
![](https://img-blog.csdnimg.cn/eef8e7b6102c41808308ff8b57049446.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_8,color_FFFFFF,t_70,g_se,x_16)
第二步,点击 next
![](https://img-blog.csdnimg.cn/7c6d6545a71b4ef9b076a6f35c98aad3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第三步,选择同意后,点击 next
![](https://img-blog.csdnimg.cn/a96202a2061543a3a96495af98d1971d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第四步,继续 next
![](https://img-blog.csdnimg.cn/2b1a051275734ff9837652b9dfb4690b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第五步,默认即可,点击 next
![](https://img-blog.csdnimg.cn/50231db49d96481a9063e25e695b4d37.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第六步,选择安装路径,建议不要放在 C 盘里,然后点击 next
![](https://img-blog.csdnimg.cn/d7b9168a9178491aa41e1cc2e085989e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第七步,默认即可,点击 install
![](https://img-blog.csdnimg.cn/4ade7ca588294029ba6d79922f653bd6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第八步,安装完成后点击 next
![](https://img-blog.csdnimg.cn/e966f20d7ea945bdba09654328d60948.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第九步,点击 finish 完成安装,注意把 Run QT Creator 前面的 √ 去掉,暂时不运行 QT Creator
![](https://img-blog.csdnimg.cn/547224134bdb47c398a8d92803be9806.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
然后安装 Qt SDK:
第一步,双击运行 qt-win-opensource-4.7.4-mingw
![](https://img-blog.csdnimg.cn/02411dcbf2494d4ea7acb383244ed3d8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_6,color_FFFFFF,t_70,g_se,x_16)
第二步,点击 next
![](https://img-blog.csdnimg.cn/35e6d1247f804353958d66c621b20166.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第三步,点击 next
![](https://img-blog.csdnimg.cn/315bf32ed8f0407885f1db2db2797887.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第四步,选择同意后,点击 next
![](https://img-blog.csdnimg.cn/a5af6ea80148451f9237d76b77c3ac7a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第五步,默认即可,点击 next
![](https://img-blog.csdnimg.cn/6289baf312664bf097849c1a4123a5eb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第六步,选择安装路径,建议 QT Creator 和 QT SDK 安装在同一个大目录下。
![](https://img-blog.csdnimg.cn/e5270c2d5b0e4180bb7178a18a8be9a8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第七步,默认即可,点击 next
![](https://img-blog.csdnimg.cn/352650a109414ee19bb36a09e41b28d8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第八步,非常关键,指定 mingw 文件夹,可以在 QT Creator 的安装目录中找到,然后点击 install
![](https://img-blog.csdnimg.cn/5627b402e89d4ed0881056ca980ea463.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_9,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/2e047e88899e40f982e042016b8671db.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第九步,安装好后点击 next
![](https://img-blog.csdnimg.cn/0445f42b44f94c38b0243fc54ba45943.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
第十步,完成安装,那两个 √ 暂且不勾,点击 finish
![](https://img-blog.csdnimg.cn/8c00c1944aa348dfb43f6b8aacb9d856.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_13,color_FFFFFF,t_70,g_se,x_16)
QT Creator 和 QT SDK 安装好之后开始配置环境变量:
第一步,先点击开始,然后点击设置,再点击系统,在关于界面找到高级系统设置,进去后点击环境变量。
![](https://img-blog.csdnimg.cn/1750d1b43323475dba2978536d2a8dff.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_9,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/832a5fa79db346a190ef0d70526a5a1a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/e1971ca7550d4ee8bf21aaf17c1c4c37.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/1fccc880cea34e13851e58fa00fdaec8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_12,color_FFFFFF,t_70,g_se,x_16)
第二步,在系统变量那里双击Path
![](https://img-blog.csdnimg.cn/6f37565a2d0449da981da932e50f0593.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_16,color_FFFFFF,t_70,g_se,x_16)
第三步, 在编辑环境变量那里新建一个路径,并且把 QT SDK 目录下 bin 文件夹的全路径复制粘贴过来
![](https://img-blog.csdnimg.cn/510aa38dd8ff4dc7894f942754ebc9f3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_14,color_FFFFFF,t_70,g_se,x_16)
第四步,同理, 在编辑环境变量那里新建一个路径,并且把 QT Creator 目录下 bin 文件夹的全路径复制粘贴过来
![](https://img-blog.csdnimg.cn/70e1941463b3420f82f2619ac9c7696d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_14,color_FFFFFF,t_70,g_se,x_16)
第五步,同理, 在编辑环境变量那里新建一个路径,并且把 QT Creator 目录下mingw 文件夹中的 bin 文件夹的全路径复制粘贴过来
![](https://img-blog.csdnimg.cn/875993749ceb447092a543f68d45f432.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_14,color_FFFFFF,t_70,g_se,x_16)
第六步,点击确定后,在系统变量那里点击新建,变量名为 LD_LIBRARY_PATH,变量值分别为 QT Creator 和 QT SDK中的 lib 文件夹的路径,注意路径之间采用英文的分号隔开,弄好之间点击确定
![](https://img-blog.csdnimg.cn/1dd092977a0047109d54f93897a1235d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_16,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/af9232d97c664d9db4e13f90d0be23bb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_17,color_FFFFFF,t_70,g_se,x_16)
QT Creator 和 QT SDK 环境变量配置好以后开始设置关联:
第一步,运行 QT Creator
![](https://img-blog.csdnimg.cn/6ea6c4758a0045d299ca5c7c7df404cd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
第二步,点击:工具 --> 选项... --> 构建和运行
![](https://img-blog.csdnimg.cn/47b13445cc8841c79a3386ebde377cc4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/ae5c529246814d388ece2b791f983f63.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
第三步, 选择:“Qt 版本”标签 --> 手动设置 --> 添加... --> 选择 E:\software\QT\qt4.7.4\bin\qmake.exe (根据具体安装路径进行选择)
![](https://img-blog.csdnimg.cn/c9d6501752094cfa8ccf4af2c2db6def.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
第四步,点击:确定,,至此,安装完毕。
下面进行一下测试,看看是否真的安装好了:
第一步,新建一个工程,工程选择 QT 控件项目,再选择 Qt Gui 应用
![](https://img-blog.csdnimg.cn/b839aae7e5744be3b8d8426f5f308833.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_11,color_FFFFFF,t_70,g_se,x_16)
第二步,给项目命名并选择路径
![](https://img-blog.csdnimg.cn/59656723014947b5aa79c2348076fdb1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_19,color_FFFFFF,t_70,g_se,x_16)
第三步,默认即可,点击下一步
![](https://img-blog.csdnimg.cn/2059a9edace048b9969faeaca2235e22.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_19,color_FFFFFF,t_70,g_se,x_16)
第四步,默认即可,点击下一步
![](https://img-blog.csdnimg.cn/904f2957193c48bb96654e22b758716b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_19,color_FFFFFF,t_70,g_se,x_16)
第五步,默认即可,点击完成
![](https://img-blog.csdnimg.cn/98e0095ecde64003be6f7dd4c3cfd6f2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_19,color_FFFFFF,t_70,g_se,x_16)
第六步,点击运行
![](https://img-blog.csdnimg.cn/ced5863a590a42b8a5e694cf0e6286f6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)
可以看到,弹出一个窗口,这就证明安装成功,没有问题
![](https://img-blog.csdnimg.cn/30407180366b4affa728db5332e468fb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5riF6aOO6Ieq5ZyoIOa1geawtOa9uua9ug==,size_20,color_FFFFFF,t_70,g_se,x_16)