使用C++来创建界面

上节讲到，Qt 支持两种创建界面的方式：一种是使用C++代码，Qt 自诞生以来就支持；另一种是使用 QML，可以创建个性化的界面。

Qt 提供了多种工程类型，选择不同的工程类型将导致使用不同的方式来创建界面。本节先讲解C++的使用。

首次打开Qt，会出现欢迎界面，点击New Project按钮，或者在菜单栏点击文件，然后选择新建文件或项目，都会弹出向导对话框，如下图所示：
Qt Widgets Application和Qt Console Application工程将会使用C++代码，Console 用来创建控制台程序，Widgets 用来创建GUI程序。

Qt Quick Application、Qt Quick Controls Application和Qt Canvas 3D Application工程将会使用 QML 代码，Quick Control 主要比 Quick 多一些控件，Canvas 3D 用来创建3D动画。

选择Qt Widgets Application，点击Choose...按钮，弹出如下对话框：
填写好项目名称和保存路径，点击下一步按钮，弹出工具选择对话框：
选中Select all kits即可。这里我使用的是 VS2010 版的Qt，你也可以使用其他编译器。点击下一步按钮：
填写项目中要使用到的类的信息。简单起见，取消“创建界面”选项。单击下一步按钮，弹出“项目管理”对话框，点击完成按钮，完成项目的创建。

之后可以看到，IDE自动生成了四个文件：

• WidgetsDemo.pro 为工程文件，它是 qmake 产生的用于生成 makefile 的配置文件，它的名称和项目名称是一样的。我们暂时不用理会。
• main.cpp 是主文件，里面就是一个 main() 函数，程序从该文件开始执行。
• mainwindow.h 和 mainwindow.cpp 分别是 MainWindow 类的头文件和源文件。MainWindow 是我们在创建项目时指定的名字。

整个项目的示意图如下：
现在点击运行(Run)按钮，或者按下Ctrl+R快捷键，就可以看到编译结果，如下图所示：
这是一个最简单的 Qt Widget 程序。

显示“Hello World”

接下来，我们让程序显示"Hello World!"。打开 mainwindow.cpp，在构造函数 MainWindow() 中添加如下代码：

//设置标题
this->setWindowTitle(tr("Widgets演示"));
//设置客户区大小
this->resize(300, 120);
//设置背景颜色
QPalette palette = this->palette();  //获取调色板
palette.setColor(QPalette::Window, QColor(255, 255, 255));  //设置为白色
this->setPalette(palette);  //重新设置调色板

//添加QLabel控件
QLabel *label = new QLabel(this);  //创建QLabel控件
setCentralWidget(label);  //将当前控件至于中央
label->setText(tr("Hello World!"));  //设置控件文本
label->setAlignment(Qt::AlignCenter);  //文本水平和垂直都居中

运行结果为：


如果你有Web开发经验，也可以在设置文本时使用简单的HTML。将上面第 13 行代码改为：

label->setText(tr("<font color='red' face='微软雅黑' size='6'>Hello World!</font>"));

运行结果为：