在QT开发过程中,可以手动编写代码也可以使用UI设计师直接拖拽控件的方式编写界面和布局,在实际的开发过程中一般是两种方式结合使用,提高开发效率。
本小节用一个简单的 "Hello QT" 程序介绍一下使用QtCreator新建工程的步骤。(代码编号CH1-1)
1.打开QtCreator软件,选择New Project,新建一个工程。
图1-5-1
2.项目模板选择QT Widgets Application
图1-5-2
3.设置项目名称和存放路径
注意:QT项目路径和名称不能出现中文字符。
图1-5-3
4.编译工具套件选择
默认套件只有一个,编译工具套件可以后面自己增加。套件是指 Qt 程序从编译链接到运行环境的全部工具和 Qt 类库的集合。
图1-5-4
5.设置生成的类信息
在类信息设置界面选择基类,目前有三种基类:QMainWindow,QWidget,QDialog。在基类里选择QMainWindow,类名和文件名会根据基类自动修改,一般不需要修改,默认即可。
图1-5-5
6.项目管理
在项目管理界面可以设置作为子项目,以及加入版本控制系统。这两个功能暂时用不到,都用默认的 <None> ,然后点击 “完成”。
图1-5-6
7.创建完成
图1-5-7
8.编辑代码
展开main.cpp文件,添加内容如下:
#include "mainwindow.h" #include <QApplication> #include <QDebug> #include <QLabel> int main(int argc, char *argv[]) { QApplication a(argc, argv); //MainWindow w; //w.show(); QLabel *label =new QLabel("Hello Qt!"); label->setGeometry(400,100,100,20); label->show(); return a.exec(); }
代码解析:
图1-5-8
9.运行程序
运行程序可以点击左下角的三角形符号或者按下快捷键Ctrl+R。
图1-5-9
QT中使用QDebug类输出调试信息。主要用于调试代码,类似于std::cout的替代品,支持QT的数据类型。使用前需要包含<QtDebug>头文件。
1.调试输出的分类
qDebug | 调试信息提示 |
qWarning | 一般的警告提示 |
qCritical | 严重错误提示 |
qFatal | 致命错误提示 |
2.示例
qDebug("调试信息输出"); qWarning("一般警告信息输出"); qCritical("严重错误输出"); qFatal("致命错误输出"); |
qDebug输出的信息会打印到QT软件下边的输出面板。
在上节的HelloQt工程上加上调试输出代码,增加的main.cpp代码如下:
#include "mainwindow.h" #include <QApplication> #include <QDebug> int main(int argc, char *argv[]) { QApplication a(argc, argv); //MainWindow w; //w.show(); qDebug()<<"QT调试信息输出"; int data_int=8888; qDebug()<<data_int; float data_float=123.888; qDebug()<<data_float; return a.exec(); }
运行程序,观察输出的调试信息:
图1-5-10
掌握一些适用的快捷键,可以提高程序开发的效率。
鼠标光标选中变量名,按下Ctrl+Shift+R,当变量名称出现红色框表示已经激活全局修改功能。修改一处,整个工程对应变量名称全部会修改。修改完毕之后,光标移开,再按下Ctrl+Shift+R保存修改。
图1-5-11
8.快速修改全局函数名
快捷方式与变量修改一样按下Ctrl+Shift+R,一处修改整个工程对应的函数名称也会跟着改。选中函数后,按下Ctrl+Shift+R后整个工程的对应的函数名会高亮,并且在软件下方弹出修改框。
图1-5-12查看
Qt 帮助文档太多,难以全部翻译成中文,即使翻译了一部分,翻译花的时间太多,翻译更新的时效性也难以保证,最终还是得看英文帮助,QtCreator 集成了帮助系统,查找非常方便。
打开QtCreator,选择菜单栏的最左边的帮助选项,界面如下:
图1-5-13
查看Qlabel控件的帮助信息:
图1-5-14
1.5.1节的Hello QT程序使用纯C++代码编写,这一节我们使用QT界面设计模式实现与上一节” Hello QT程序”一样的功能。仿照着1.5.1节新创建一个工程。双击打开mainwindow.ui文件,进入到UI设计界面。拖一个Label控件到编辑区,双击Label控件可以修改文本内容。
图1-5-15
运行程序可以点击左下角的三角形符号或者按下快捷键Ctrl+R。
图1-5-16
UI设计师界面功能介绍
图1-5-17