Qt4.7.0及Qt Creator2.0 beta版安装全程图解

现在诺基亚Qt官网上已经提供了最新的Qt 4.7.0和Qt Creator 2.0 beta版的下载，我们第一时间对其进行了测试使用，并将其作为我们系列教程的一部分，来和大家一起尝鲜全新的Qt 。

1.我们到官方网站下载相关[b]软件。[/b]

http://qt.nokia.com/developer/qt-qtcreator-prerelease


screen.width-461)
window.open('http://h.imagehost.org/0030/1_93.jpg');">

2.我们需要分别下载Qt及Qt Creator。


screen.width-461) window.open('http://i.imagehost.org/0080/2_35.jpg');">


screen.width-461) window.open('http://i.imagehost.org/0473/3_18.jpg');">

3.我们先[b]安装qt-win-opensource-4.7.0-beta1-mingw，安装开始时的设置全部使用默认设置即可。在最后会弹出如下警告框，我们选择“是”即可。[/b]


screen.width-461) window.open('http://i.imagehost.org/0370/4_26.jpg');">

4.然后我们安装qt-creator-win-opensource-2.0.0-beta1，全部保持默认设置即可。

5.下面我们打开安装好的Qt Creator，其界面如下。


screen.width-461)
window.open('http://a.imagehost.org/0282/5_4.jpg');">

可以看到，新的Qt Creator的界面有所变化。

6.我们先新建常用的Gui工程Qt Gui Application，工程名设为“hello”，然后设置下面的保存路径，注意路径中不能有中文。后面的选项全部默认即可。


screen.width-461) window.open('http://a.imagehost.org/0572/6_5.jpg');">

7.建立好工程后，界面如下。


screen.width-461)
window.open('http://a.imagehost.org/0478/7_18.jpg');">

8.我们双击mainwindow.ui文件，这时便进入了界面设置模式，我们在窗口上添加一个Label部件，然后更改其内容为“hello world！”效果如下。


screen.width-461)
window.open('http://a.imagehost.org/0878/8_1.jpg');">

可以看到，新的Qt Creator中添加了一个界面设计模式的选项

screen.width-461) window.open('http://h.imagehost.org/0791/9_7.jpg');">，我们可以更方便的从代码编辑界面转到可视的窗口设计界面。

9.这时我们再回到Edit界面中，可以看到ui文件的内容，它是一个XML文件。


screen.width-461)
window.open('http://h.imagehost.org/0081/10_17.jpg');">

10.这时我们点击Run按钮，运行程序，如果这时出现下面的提示框，我们选中其中的选择框，然后点击“Save All”按钮即可。


screen.width-461) window.open('http://h.imagehost.org/0484/11_3.jpg');">

说明：下面的几步只是在以前没有装过Qt的系统上才会出现，如果你以前已经安装过Qt的其他版本，这里的情况有所不同。不过，你也可以按照下面的方法将你新安装的Qt Creator设置为最新的Qt4.7.0。



11.此时程序并没有成功运行，而是输出了下面的错误。

Qt versionQt in PATHis invalid. Set valid Qt Version in Tools/Options

Could not determine the path to the binaries of the Qt installation, maybe the qmake path is wrong?

Error while building project hello (target: Desktop)

When executing build step ‘qmake’

如下图：


screen.width-461) window.open('http://h.imagehost.org/0896/12_4.jpg');">

错误提示的意思是：在PATH系统环境变量中的Qt版本信息不可用，我们需要在Tools/Options菜单中进行设置。

12.我们进入Qt Creator的Tools菜单，再进入其Options子菜单。然后在Qt4页面可以进行Qt的版本设置。


screen.width-461) window.open('http://i.imagehost.org/0693/13_12.jpg');">

可以看到，这时还没有可用的Qt版本。我们有两种方法进行设置，一种是去设置环境变量，一种是直接在这里添加Qt的安装路径。

方法一：

我们在桌面上右击“我的电脑”，然后选择“属性”，然后选择“高级”页面，再选择下面的“环境变量”，如下图。


screen.width-461) window.open('http://i.imagehost.org/0096/14_10.jpg');">

我们选择下面的列表中的“Path”项，点击“编辑按钮”。如下图。


screen.width-461) window.open('http://i.imagehost.org/0989/15_26.jpg');">

这时我们将我们的Qt4.7.0的bin文件夹的路径加入环境变量中，我这里是“C:\Qt\4.7.0-beta1\bin”，如果你开始按照默认路径安装，也应该是这个路径，如果不是，请改为自己的路径。我们需要将“;C:\Qt\4.7.0-beta1\bin”加入变量值中，注意这里前面有一个英文半角的“;”号，它用来将我们的变量值与已有的变量值隔开。如下图：

然后我们点击确定就可以了。

方法二，在下面附录中给出。

13.我们设置好环境变量后，需要关闭Qt Creator，然后重新打开。

这时我们再进入Qt版本设置界面，发现它已经发现Qt in PATH了，我们点击Qt in PATH，在下面的MinGW Directory中设置一下MinGW文件夹的路径，也就是我们安装的Qt Creator的目录下的mingw文件夹的路径，我这里是“C:\Qt\qtcreator-1.3.83\mingw”。设置好后按“OK”按钮即可。如下图。


screen.width-461)
window.open('http://a.imagehost.org/0401/16_1.jpg');">

14.我们在Qt Creator的File菜单中选择Recent Projects，然后打开我们上次关闭的工程。

如下图。


screen.width-461)
window.open('http://h.imagehost.org/0195/17_11.jpg');">

这时我们再次运行程序，已经成功了。效果如下。


screen.width-461) window.open('http://h.imagehost.org/0503/18_8.jpg');">

可以看到，新的Qt Creator的界面有所不同，但是它在编写普通程序时，与以前的版本差别不大。而它支持的全新的Qt Quick[b]编程界面，我们会在下一节进行讲述。[/b]

附录：手动设置Qt的版本信息。

我们在上面讲述了通过设置环境变量来设置Qt的版本信息，其实，我们也可以直接通过手动添加Qt的路径来设置Qt的版本。方法如下。

1.我们在Qt版本设置界面单击右上角的“+”号按钮，这时效果如下。


screen.width-461) window.open('http://h.imagehost.org/0399/19_4.jpg');">

2.然后将下面的信息添加完整，如下。


screen.width-461) window.open('http://h.imagehost.org/0303/20_9.jpg');">

3.我们重新打开我们的工程文件，这时如果你已经用过方法一进行环境变量设置，并且已经运行过该程序了，那么可能会弹出如下窗口。





我们选择第二项，在新的文件夹下编译该工程即可。这时运行程序，便没有错误了。

说明：第二种方法看似很简单，但是它存在一些缺点。比如，我们想直接双击运行工程文件夹下已经编译好的.exe文件时，就会出现缺少.dll文件的提示。而第一种方法就不会再出现这样的提示。所以我们推荐使用方法一。