QT之GUI学习笔记(一)___hello World

在http://blog.51cto.com/zt/20中有全部的学习笔记。我只是按照自己的步骤将过程再进行一遍来加深理解。
1.打开Qt Creator,点击 文件->新建
按照如图所示步骤进行

点击Qt Widgets Application后，出现如下界面

名称为helloWorld
一直点击下一步，直至完成。
2.整个文件结构如下

3.在HelloWorld.pro中加入如下代码

INCLUDEPATH+=D:\InstallOpencv\opencvBinary\include\opencv\
             D:\InstallOpencv\opencvBinary\include\opencv2\
             D:\InstallOpencv\opencvBinary\include


LIBS+=  D:\InstallOpencv\opencvBinary\lib\libopencv_bgsegm310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_bioinspired310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_calib3d310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_ccalib310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_core310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_cvv310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_datasets310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_dnn310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_dpm310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_face310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_features2d310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_flann310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_fuzzy310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_highgui310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_imgcodecs310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_imgproc310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_line_descriptor310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_ml310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_objdetect310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_phase_unwrapping310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_photo310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_plot310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_reg310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_rgbd310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_saliency310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_shape310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_stereo310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_stitching310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_structured_light310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_superres310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_surface_matching310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_text310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_tracking310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_video310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_videoio310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_videostab310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_xfeatures2d310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_xobjdetect310.dll.a\
        D:\InstallOpencv\opencvBinary\lib\libopencv_xphoto310.dll.a

这些代码用于配置运行环境
4.在main.cpp中修改代码，改为如下代码

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QLabel *label = new QLabel("Hello, world!");
    label->show();
    return a.exec();
}

5.按照 构建->qmake->run的顺序进行执行，需要注意:执行的版本是release版本还是debug版本。
执行结果如下

6.对代码的解释如下
http://devbean.blog.51cto.com/448512/194137
其中
(1)
QLabel *label = new QLabel("Hello, world!");
label->show();
是指创建一个Label标签，标签需要使用show()函数才能显示出来
(2)return app.exec();
将应用程序的控制权移交给Qt。这时，程序的事件循环就开始了，也就是说，这时可以响应你发出的各种事件了
7.Qt支持Html解析
讲main.cpp的代码改为如下形式

这里写代码片#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QLabel *label = new QLabel("<h2><font color='red'>Hello</font>, world!<h2>");
    label->show();
    return a.exec();
}

运行结果如下

8.在main.cpp中
main 函数不能缺少的两行代码是

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    ......................................
    return a.exec();
}