Qt4.7.0及Qt Creator2.0 beta版安装全程图解
2010-09-28 02:36
435 查看
现在诺基亚Qt官网上已经提供了最新的Qt 4.7.0和Qt
Creator 2.0 beta版的下载,我们第一时间对其进行了测试使用,并将其作为我们系列教程的一部分,来和大家一起尝鲜全新的Qt 。
1.
我们到官方网站下载相关[b]软件
。[/b]
http://qt.nokia.com/developer/qt-qtcreator-prerelease
![](http://h.imagehost.org/0030/1_93.jpg)
2.
我
们需要分别下载
Qt
及
Qt Creator
。
![](http://i.imagehost.org/0080/2_35.jpg)
![](http://i.imagehost.org/0473/3_18.jpg)
3.
我们
先[b]安装
[/b]
qt-win-opensource-4.7.0-beta1-mingw
,
安装开始时的设置全部使用默认设置即可。在最后会弹出如下警告框,我们选择“是”即可。
![](http://i.imagehost.org/0370/4_26.jpg)
4.
然后
我们安装
qt-creator-win-opensource-2.0.0-beta1
,全部保持默认设置即可。
5.
下
面我们打开安装好的
Qt Creator
,其界面如下。
![](http://a.imagehost.org/0282/5_4.jpg)
可以看到,新的Qt
Creator的界面有所变化。
6.
我们先新建常用的
Gui
工程
Qt Gui
Application
,工程名设为“
hello
”,然后设置下面的保存路径,注意路径中不能有中文。后面的
选项全部默认即可。
![](http://a.imagehost.org/0572/6_5.jpg)
7.
建立好
工程后,界面如下。
![](http://a.imagehost.org/0478/7_18.jpg)
8.
我
们双击
mainwindow.ui
文件,这时便进入了界面设置模式,我们在窗口上添加一个
Label
部
件,然后更改其内容为“
hello world
!”效果如下。
![](http://a.imagehost.org/0878/8_1.jpg)
可以看到,新的Qt
Creator中添加了一个界面设计模式的选项
![](http://h.imagehost.org/0791/9_7.jpg)
,我们可以更方便的从代码编辑界面转到可
视的窗口设计界面。
9.
这时我们再回到
Edit
界面中,可以看到
ui
文
件的内容,它是一个
XML
文件。
![](http://h.imagehost.org/0081/10_17.jpg)
10.
这
时我们点击
Run
按钮,运行程序,如果这时出现下面的提示框,我们选中其中的选择框,然后点击“
Save
All
”按钮即可。
![](http://h.imagehost.org/0484/11_3.jpg)
说明:下面的几步只是在以前没有装过
Qt
的系统上才
会出现,如果你以前已经安装过
Qt
的其他版本,这里的情况有所不同。不过,你也可以按照下面的方法将你新安装的
Qt
Creator
设置为最新的
Qt4.7.0
。
11.
此
时程序并没有成功运行,而是输出了下面的错误。
Qt
versionQt in PATH
is 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’
如
下图:
![](http://h.imagehost.org/0896/12_4.jpg)
错误提示的意思是:在PATH
系统环境变量中的Qt版本信息不可用,我们需要在Tools/Options菜单中进行设置。
12.
我们进入
Qt
Creator
的
Tools
菜单,再进入其
Options
子菜单。然后在
Qt4
页
面可以进行
Qt
的版本设置。
![](http://i.imagehost.org/0693/13_12.jpg)
可以看到,这时还没有可用的
Qt版本。我们有两种方法进行设置,一种是去设置环境变量,一种是直接在这里添加Qt的安装路径。
方法一:
我们在桌面上右击“我的电脑”,然后选择“属性”,然后选择“高级”页面,再选择下面
的“环境变量”,如下图。
![](http://i.imagehost.org/0096/14_10.jpg)
我们选择下面的列表中的
“Path”项,点击“编辑按钮”。如下图。
![](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”按钮即
可。如下图。
![](http://a.imagehost.org/0401/16_1.jpg)
14.
我
们在
Qt Creator
的
File
菜单中选择
Recent Projects
,
然后打开我们上次关闭的工程。
如下图。
![](http://h.imagehost.org/0195/17_11.jpg)
这时我们再次运行程
序,已经成功了。效果如下。
![](http://h.imagehost.org/0503/18_8.jpg)
可以看到,新的
Qt Creator
的界面有所不
同,但是它在编写普通程序时,与以前的版本差别不大。而它支持的全新的
Qt Quick
[b]编程
界面,我们会在下一节进行讲述。[/b]
附
录:手动设置
Qt
的版本信息。
我们在上面讲述了通过设置环境变量来设置Qt的版本信息,其实,我们也可以直
接通过手动添加Qt的路径来设置Qt的版本。方法如下。
1.
我们在
Qt
版本设置界面单击右上角
的“
+
”号按钮,这时效果如下。
![](http://h.imagehost.org/0399/19_4.jpg)
2.
然后
将下面的信息添加完整,如下。
![](http://h.imagehost.org/0303/20_9.jpg)
3.
我们
重新打开我们的工程文件,这时如果你已经用过方法一进行环境变量设置,并且已经运行过该程序了,那么可能会弹出如下窗口。
![](http://i.imagehost.org/0703/21_11.jpg)
我
们选择第二项,在新的文件夹下编译该工程即可。这时运行程序,便没有错误了。
说明:第二种方法看似很简单,但是它存在一些缺点。比如,我们想直接双击运行工程文件夹下已经编译好的.exe文件时,就会出现缺
少.dll文件的提示。而第一种方法就不会再出现这样的提示。所以我们推荐使用方法一。
Creator 2.0 beta版的下载,我们第一时间对其进行了测试使用,并将其作为我们系列教程的一部分,来和大家一起尝鲜全新的Qt 。
1.
我们到官方网站下载相关[b]软件
。[/b]
http://qt.nokia.com/developer/qt-qtcreator-prerelease
![](http://h.imagehost.org/0030/1_93.jpg)
2.
我
们需要分别下载
Qt
及
Qt Creator
。
![](http://i.imagehost.org/0080/2_35.jpg)
![](http://i.imagehost.org/0473/3_18.jpg)
3.
我们
先[b]安装
[/b]
qt-win-opensource-4.7.0-beta1-mingw
,
安装开始时的设置全部使用默认设置即可。在最后会弹出如下警告框,我们选择“是”即可。
![](http://i.imagehost.org/0370/4_26.jpg)
4.
然后
我们安装
qt-creator-win-opensource-2.0.0-beta1
,全部保持默认设置即可。
5.
下
面我们打开安装好的
Qt Creator
,其界面如下。
![](http://a.imagehost.org/0282/5_4.jpg)
可以看到,新的Qt
Creator的界面有所变化。
6.
我们先新建常用的
Gui
工程
Qt Gui
Application
,工程名设为“
hello
”,然后设置下面的保存路径,注意路径中不能有中文。后面的
选项全部默认即可。
![](http://a.imagehost.org/0572/6_5.jpg)
7.
建立好
工程后,界面如下。
![](http://a.imagehost.org/0478/7_18.jpg)
8.
我
们双击
mainwindow.ui
文件,这时便进入了界面设置模式,我们在窗口上添加一个
Label
部
件,然后更改其内容为“
hello world
!”效果如下。
![](http://a.imagehost.org/0878/8_1.jpg)
可以看到,新的Qt
Creator中添加了一个界面设计模式的选项
![](http://h.imagehost.org/0791/9_7.jpg)
,我们可以更方便的从代码编辑界面转到可
视的窗口设计界面。
9.
这时我们再回到
Edit
界面中,可以看到
ui
文
件的内容,它是一个
XML
文件。
![](http://h.imagehost.org/0081/10_17.jpg)
10.
这
时我们点击
Run
按钮,运行程序,如果这时出现下面的提示框,我们选中其中的选择框,然后点击“
Save
All
”按钮即可。
![](http://h.imagehost.org/0484/11_3.jpg)
说明:下面的几步只是在以前没有装过
Qt
的系统上才
会出现,如果你以前已经安装过
Qt
的其他版本,这里的情况有所不同。不过,你也可以按照下面的方法将你新安装的
Qt
Creator
设置为最新的
Qt4.7.0
。
11.
此
时程序并没有成功运行,而是输出了下面的错误。
Qt
versionQt in PATH
is 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’
如
下图:
![](http://h.imagehost.org/0896/12_4.jpg)
错误提示的意思是:在PATH
系统环境变量中的Qt版本信息不可用,我们需要在Tools/Options菜单中进行设置。
12.
我们进入
Qt
Creator
的
Tools
菜单,再进入其
Options
子菜单。然后在
Qt4
页
面可以进行
Qt
的版本设置。
![](http://i.imagehost.org/0693/13_12.jpg)
可以看到,这时还没有可用的
Qt版本。我们有两种方法进行设置,一种是去设置环境变量,一种是直接在这里添加Qt的安装路径。
方法一:
我们在桌面上右击“我的电脑”,然后选择“属性”,然后选择“高级”页面,再选择下面
的“环境变量”,如下图。
![](http://i.imagehost.org/0096/14_10.jpg)
我们选择下面的列表中的
“Path”项,点击“编辑按钮”。如下图。
![](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”按钮即
可。如下图。
![](http://a.imagehost.org/0401/16_1.jpg)
14.
我
们在
Qt Creator
的
File
菜单中选择
Recent Projects
,
然后打开我们上次关闭的工程。
如下图。
![](http://h.imagehost.org/0195/17_11.jpg)
这时我们再次运行程
序,已经成功了。效果如下。
![](http://h.imagehost.org/0503/18_8.jpg)
可以看到,新的
Qt Creator
的界面有所不
同,但是它在编写普通程序时,与以前的版本差别不大。而它支持的全新的
Qt Quick
[b]编程
界面,我们会在下一节进行讲述。[/b]
附
录:手动设置
Qt
的版本信息。
我们在上面讲述了通过设置环境变量来设置Qt的版本信息,其实,我们也可以直
接通过手动添加Qt的路径来设置Qt的版本。方法如下。
1.
我们在
Qt
版本设置界面单击右上角
的“
+
”号按钮,这时效果如下。
![](http://h.imagehost.org/0399/19_4.jpg)
2.
然后
将下面的信息添加完整,如下。
![](http://h.imagehost.org/0303/20_9.jpg)
3.
我们
重新打开我们的工程文件,这时如果你已经用过方法一进行环境变量设置,并且已经运行过该程序了,那么可能会弹出如下窗口。
![](http://i.imagehost.org/0703/21_11.jpg)
我
们选择第二项,在新的文件夹下编译该工程即可。这时运行程序,便没有错误了。
说明:第二种方法看似很简单,但是它存在一些缺点。比如,我们想直接双击运行工程文件夹下已经编译好的.exe文件时,就会出现缺
少.dll文件的提示。而第一种方法就不会再出现这样的提示。所以我们推荐使用方法一。
相关文章推荐
- Qt 4.7.0及Qt Creator 2.0 beta版安装全程图解
- 三十一、Qt 4.7.0及Qt Creator 2.0 beta版安装全程图解
- Qt4.7.0及Qt Creator2.0 beta版安装全程图解
- Qt4.7.0及Qt Creator2.0 beta版安装全程图解
- Windows 2003安装全程图解
- Windows 2003 系统安装全程图解
- Ubuntu安装Qt及QT Creator
- Ubuntu安装Qt4.8.5+Qt Creator
- Qt Creator的安装与Qt交叉编译的配置
- Windows7安装全程图解
- Qt Creator的安装与Qt交叉编译的配置
- Exchange Server 2010安装、配置全程图解教程(二)
- 中文Win XP安装IE 7.0全程图解
- Oracle 10g 10.1.0.3 全程安装配置图解!(四)
- IIS6 安装与配置.net 2.0过程的详细图解
- Linux 下 Qt Creator 的安装,并使用它开发你的第一个 Qt 项目全过程
- 全程图解:Centos 5.2 下 ORACLE10G 安装配置
- aspnetforums2.0 Beta版安装注意事项
- [教程] VMware Workstation 9安装MAC OS 10.8全程图解(超详细,百图杀猫)
- FreeBSD 7.0 全程图解安装2