QT的整体介绍

Qt是一个跨平台的C++图形用户界面应用程序框架。它为应用程序开发者提
供建立艺术级图形用户界面所需的所有功能。
Qt是诺基亚公司的一个产品。1996年，Qt进入商业领域，已成为全世界范围
内数千种成功的应用程序的基础。它也是目前流行的Linux桌面环境KDE 的基础，
KDE是Linux发行版的主要一个标准组件。

Qt 支持的平台有：
MS/Windows—95、98、NT 4.0、ME、2000、XP和Vista；
UNIX/X11—Linux、Sun Solaris、HP-UX、Compaq Tru64 UNIX、IBM AIX、
SGI IRIX和其他很多X11平台；
Macintosh—Mac OS X；
Embedded—有帧缓冲（framebuffer）支持的Linux平台、Windows CE；
Symbian/S60—目前已经可以提供技术预览版本。

下载Qt 5 Creator
下载地址：http://qt-project.org/downloads，下载页面如图所示。

点击运行Qt Creator，出现欢迎界面，如图所示。

GUI用户界面设计（Qt Designer）界面如图所示。

进入Qt设计器主界面后，看到的中间部分（如图所示）就是将要设计的顶
层窗口部件（顶层窗口部件是其他子窗口部件的载体）。

下面用一个简单的示例展示一下

本实例要实现的功能是，当用户输入一个圆的半径后，可以显示计算后的圆
的面积值。运行效果如图所示。

步骤如下。
（1）单击运行Qt Creator，进入欢迎界面如图1.2所示。单击“文件”→“新
建文件或项目...”命令，创建一个新的工程，如图所示。

2）单击选择“Qt Gui 应用”，单击“选择”按钮，进入下一步。
这里因为需要建立一个Gui项目，所以选择“Qt Gui 应用”，如图

选择保存项目的路径并定义自己项目的名字。
项目命名没有大小写要求，依据个人习惯命名即可。这里将项目命名为Dialog，
保存路径为D:\Qt\CH1\CH101，如图所示。单击“下一步”按钮进入下一步骤

弹出“选择构建套件”界面，系统默认已指定C++的编译器和调试器，
如图所示，直接单击“下一步”按钮进入下一步骤即可

根据实际需要，选择一个“基类”。这里选择QDialog对话框类作为基
类，这时“类名”、“头文件”、“源文件”及“界面文件”都出现默认的文件
名。默认选中“创建界面”复选框，表示需要采用自带的界面设计器来设计界面，
否则需要利用代码完成界面的设计，如图

单击“完成”按钮完成创建，相应的文件自动加载到文件列表中，如图所示。

单击中间灰色一列工具栏中的过滤符号（ ）后，弹出一个下拉列表，使
两个项目都是被勾选后处于选中状态（默认选项“简化树形视图”没选中，“隐
藏生成的文件”处于选中状态），如图（a）所示。
若单击其中“简化树形视图”项取消选中状态，此时文件列表中的文件自动
分类显示，如图（b）所示

双击dialog.ui，进入界面设计器Qt Designer编辑状态，开始进行设计器
（Qt Designer）编程。
拖曳控件容器栏的滑动条，在最后的Display Widgets容器栏（如图所示）
中找到Label标签控件，拖曳三个此控件到中间的编辑框中。

在Input Widgets容器栏（如图所示）中找到LineEdit文本控件，拖曳此
控件到中间的编辑框中，用于输入半径值；

在Buttons容器栏（如图所示）中找到PushButton按钮控件，拖曳此控件
到中间的编辑框中，用于提交响应单击事件。

调整各控件的位置，单击编辑框的空白处使编辑框处于被选中状态，拖曳右下
角的小方框，调整整个框架的大小，直至调整到适当大小为止，调整后的布局如图
所示

首先简单认识一下Qt编程环境。找到文件列表中自动添加的main.cpp文件，如
图示。每个工程都有一个执行的入口函数，此文件中的main()函数就是此工
程的入口。下面详细介绍一下main()函数的相关内容：
 

#include "dialog.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Dialog w;
w.show();
return a.exec();
}

在LineEdit文本框内输入半径值，然后单击“计算”按钮，则在
areaLabel_2中显示对应的圆面积。编写代码步骤如下。
（1）在“计算”按钮上单击鼠标右键，在弹出的下拉菜单中选择“转到
槽...”命令，如图所示。在弹出的对话框中选择“clicked()”信号，如图

进入dialog.cpp文件中按钮单击事件的槽函数on_countBtn_clicked()。信
号与槽连接的具体说明参照本书后面提供的知识点链接部分。在此函数中添加如下
代码：

const static double PI=3.1416;
void Dialog:: on_countBtn_clicked()
{
bool ok;
QString tempStr;
QString valueStr=ui->radiusLineEdit->text();
int valueInt=valueStr.toInt(&ok);
double area=valueInt*valueInt*PI;//计算圆面积
ui->areaLabel_2->setText(tempStr.setNum(area));
}