本文章转载自www.yafeilinux.com,本人仅仅转载,不承担一切责任

一、Qt Creator的安装和hello world程序的编写

我们这里讲述windows下的Qt Creator,在linux下基本相同。本文先讲述基本的下载、安装和最简单程序的编写,然后在附录里又讲解了两种其他的编写程序的方法。

1.首先到Qt的官方网站上下载Qt Creator,这里我们下载windows版的。

下载地址:http://qt.nokia.com/downloads如下图我们下载:Download Qt SDK for Windows* (178Mb)

下载完成后,直接安装即可,安装过程中按默认设置即可。

http://www.yafeilinux.com/wp-content/uploads/2010/04/01-300x196.jpg

2.运行Qt Creator,首先弹出的是欢迎界面,这里可以打开其自带的各种演示程序。

http://www.yafeilinux.com/wp-content/uploads/2010/04/02-300x213.jpg

 

3.我们用File->New菜单来新建工程。

http://www.yafeilinux.com/wp-content/uploads/2010/04/03-300x213.jpg

 

4.这里我们选择Qt4 Gui Application

http://www.yafeilinux.com/wp-content/uploads/2010/04/04-300x213.jpg

 

5.下面输入工程名和要保存到的文件夹路径。我们这里的工程名为helloworld

http://www.yafeilinux.com/wp-content/uploads/2010/04/05-300x213.jpg

 

6.这时软件自动添加基本的头文件,因为这个程序我们不需要其他的功能,所以直接点击Next

http://www.yafeilinux.com/wp-content/uploads/2010/04/06-300x213.jpg

7.我们将base class选为QDialog对话框类。然后点击Next

http://www.yafeilinux.com/wp-content/uploads/2010/04/07-300x232.jpg

8.点击Finish,完成工程的建立。

http://www.yafeilinux.com/wp-content/uploads/2010/04/08-300x213.jpg

9.我们可以看见工程中的所有文件都出现在列表中了。我们可以直接按下下面的绿色的run按钮或者按下Ctrl+R快捷键运行程序。

http://www.yafeilinux.com/wp-content/uploads/2010/04/09-300x213.jpg

10.程序运行会出现空白的对话框,如下图。

http://www.yafeilinux.com/wp-content/uploads/2010/04/10-300x214.jpg

 

11.我们双击文件列表的dialog.ui文件,便出现了下面所示的图形界面编辑界面。

http://www.yafeilinux.com/wp-content/uploads/2010/04/11-300x213.jpg

12.我们在右边的器件栏里找到Label标签器件

http://www.yafeilinux.com/wp-content/uploads/2010/04/12-300x213.jpg

13.按着鼠标左键将其拖到设计窗口上,如下图。

http://www.yafeilinux.com/wp-content/uploads/2010/04/13-300x213.jpg

14.我们双击它,并将其内容改为helloworld

http://www.yafeilinux.com/wp-content/uploads/2010/04/14-300x213.jpg

15.我们在右下角的属性栏里将字体大小由9改为15

http://www.yafeilinux.com/wp-content/uploads/2010/04/15-300x198.jpg

 

16.我们拖动标签一角的蓝点,将全部文字显示出来。

http://www.yafeilinux.com/wp-content/uploads/2010/04/16-300x198.jpg

17.再次按下运行按钮,便会出现helloworld

http://www.yafeilinux.com/wp-content/uploads/2010/04/17-300x214.jpg

 

到这里helloworld程序便完成了。

Qt Creator编译的程序,在其工程文件夹下会有一个debug文件夹,其中有程序的.exe可执行文件。但Qt Creator默认是用动态链接的,就是可执行程序在运行时需要相应的.dll文件。我们点击生成的.exe文件,首先可能显示“没有找到mingwm10.dll,因此这个应用程序未能启动。重新安装应用程序可能会修复此问题。”表示缺少mingwm10.dll文件。

解决这个问题我们可以将相应的.dll文件放到系统中。在Qt Creator的安装目录的qt文件下的bin文件夹下(我安装在了D盘,所以路径是D:\Qt\2009.04\qt\bin),可以找到所有的相关.dll文件。

方法一:在这里找到mingwm10.dll文件,将其复制到C:\WINDOWS\system文件夹下即可。下面再提示缺少什么dll文件,都像这样解决就可以了。

方法二:将这些dll文件都与.exe文件放到同一个文件夹下。不过这样每个.exe文件都要放一次。

方法三:将D:\Qt\2009.04\qt\bin加入系统Path环境变量。右击我的电脑->属性->高级->环境变量->在系统变量列表中找到Path,将路径加入其中即可。

1:用纯源码编写。

1.新建空的Qt4工程。

http://www.yafeilinux.com/wp-content/uploads/2010/04/18-300x209.jpg

2.工程名为helloworld,并选择工程保存路径(提示:路径中不能有中文)。

http://www.yafeilinux.com/wp-content/uploads/2010/04/19-300x209.jpg

 

3.在新建好的工程中添加文件。右击工程文件夹,弹出的菜单中选择Add New

http://www.yafeilinux.com/wp-content/uploads/2010/04/20-300x202.jpg

 

4.选择普通文件。点击Ok

http://www.yafeilinux.com/wp-content/uploads/2010/04/21-300x210.jpg

 

5.文件名为main.cpp,点击Next进入下一步。

http://www.yafeilinux.com/wp-content/uploads/2010/04/22-300x230.jpg

 

6.这里自动将这个文件添加到了新建的工程中。保持默认设置,点击完成。

http://www.yafeilinux.com/wp-content/uploads/2010/04/23-300x233.jpg

 

7.main.cpp文件中添加代码。

http://www.yafeilinux.com/wp-content/uploads/2010/04/24-300x123.jpg

 

8.这时点击运行,程序执行了,但看不到效果,因为程序里什么也没做。我们点击信息框右上角的红色方块,停止程序运行。

http://www.yafeilinux.com/wp-content/uploads/2010/04/25-300x103.jpg

 

9.我们再更改代码。添加一个对话框对象。

http://www.yafeilinux.com/wp-content/uploads/2010/04/26-300x189.jpg

 

10.运行效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/27-300x183.jpg

 

11.我们更改代码如下,在对话框上添加一个标签对象,并显示hello world

http://www.yafeilinux.com/wp-content/uploads/2010/04/28-300x237.jpg

 

12.运行效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/29-300x170.jpg

 

2:利用ui文件。

1.建立新的空工程,这里的工程名为hello,建立好工程后,添加新文件。这里添加Qt Designer Form

http://www.yafeilinux.com/wp-content/uploads/2010/04/30-300x212.jpg

 

2.选择一个对话框做模板。

http://www.yafeilinux.com/wp-content/uploads/2010/04/31-300x251.jpg

 

3.你可以更改文件名,我们这里使用默认设置。

http://www.yafeilinux.com/wp-content/uploads/2010/04/32-300x204.jpg

 

4.在新建好的框口上添加一个标签,并更改文本为hello world

http://www.yafeilinux.com/wp-content/uploads/2010/04/33.jpg

 

5.在工程文件夹上点击右键,弹出的菜单中选择第一项编译工程。

http://www.yafeilinux.com/wp-content/uploads/2010/04/34-300x188.jpg

 

6.因为还没有写主函数,所以现在编译文件会出现错误,不过没关系,因为我们只是想编译一下ui文件。

http://www.yafeilinux.com/wp-content/uploads/2010/04/35-300x98.jpg

 

7.点击http://www.yafeilinux.com/wp-content/uploads/2010/04/36.jpg这个图标,去掉弹出的菜单中第二项前的对勾,显示隐藏的文件。这时你就能看到ui文件对应的头文件了。http://www.yafeilinux.com/wp-content/uploads/2010/04/37-300x102.jpg

 

而如果去掉菜单中的第一项前的对勾,列表中的文件就会分类显示,如图

http://www.yafeilinux.com/wp-content/uploads/2010/04/38.jpg

 

8.ui文件对应的.h文件默认为ui_dialog.h(例如form.ui对应ui_form.h)。

其中是设计器设计的窗口的对应代码。我们这里的.h文件是最简单的,其类名为Ui_Dialog,可以看到其中有我们添加的标签对象。

http://www.yafeilinux.com/wp-content/uploads/2010/04/39-300x223.jpg

 

9.在这个类里有一个setupUi函数,我们就是利用这个函数来使用设计好的窗口的。

10.我们添加main.cpp文件,并更改内容如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/40-300x170.jpg

其中ui->setupUi(dd);一句就是将设计的窗口应用到新建的窗口对象上。

http://www.yafeilinux.com/wp-content/uploads/2010/04/41-300x212.jpg

11.这时运行程序,效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/42-300x213.jpg

 

在这篇文章中我们一共讲述了三种方法写hello world程序,其实也就是两种,一种用设计器,一种全部用代码生成,其实他们是等效的。因为我们已经看到,就算是设计器生成,其实也是写了一个对应的ui.h文件,只不过这个文件是自动生成的,不用我们自己写而已。