QT4 Creator下的图形界面编程入门

1) Qt4 creator的使用

新建工程：

进入Applications -> Programming -> Qt Creator，启动Qt Creator，进入File -> New，选择Projects/Qt4 Gui Application，设置工程保存路径和工程类型，就建立好了一个新的图形界面工程。

编译运行工程：

进入Build -> Build All，编译通过后，进入Build -> Run，就可以运行起来程序。另外在Debug菜单下提供了丰富的程序调试功能。

2)     QT提供的常用窗口及控件类

class QWidget:基础窗体类

class QPushButton:命令按钮类

class QFrame:框架窗体类

class QLabel:标签类

3)     信号和槽

信号是在对象内部状态发生改变的时候产生的，是一种特殊类型的函数，当某个事件（如鼠标点击，程序退出，键盘按键，对象属性更改等等）发生的时候就被发射。

槽是对象的成员函数，它既可以像普通函数一样直接调用，也能够和信号关联。

创建和定义用户槽：

在类声明中加入Q_OBJECT宏的调用，

在用户槽的类声明中加入slots（可以是public, protected, private类型之一）关键字，

用原对象编译器MOC由类声明的头文件生成c++可识别代码，如moc-qt4 classDeclare.h –o classDeclare.moc，

在类定义文件(cpp文件)中包含上述moc文件或者从moc文件和cpp文件创建目标文件，

在类定义文件中定义用户槽。

创建和使用用户信号：

      在类声明中加入Q_OBJECT宏的调用，

      在用户信号的类声明中加入signals关键字，

      在类定义文件(cpp文件)中事件发生的地方，用emit来发射信号，如emit UserSignal(param)，

      在类定义文件中合适的地方(如类的构造函数)，用connect将信号和槽关联起来，如connect(this, SIGNAL(UserSignal(param)), this, SLOT(UserSlot(param)))。

      在类定义文件中需要的地方，用disconnect将信号和槽断开。

4)     定时器

QT中提供了QTimer类来管理定时器功能，其使用方法如下：

定义一个QTimer对象，如QTimer *timer = new QTimer(this)，

用connect将timeout信号与定时处理槽关联起来，connect(timer, SIGNAL(timeout()), this, SLOT(TimeoutSlot()))，

在类定义文件中定义定时器处理槽，

在需要的地方开启或者关闭定时器，如timer->start(1000)，timer->stop()。

另外，QObject类已经定义了成员虚函数timerEvent()来处理timeout信号，这样就有如下的方法：

在类定义文件需要的地方，用startTimer()来开启定时器，

重载类的成员虚函数timerEvent()来进行相应的定时器处理，

在类定义文件需要的地方，用killTimer()来关闭定时器。

5)     pro文件的工程设置

利用Qt Creator新建工程，会自动生成工程的编译配置文件－ pro文件，此文件会在编译工程时，影响Makefile的内容，通过手工修改pro文件的内容，可以更大限度地扩展Qt Creator的集成开发功能，以下介绍几个重要的字段：

OBJECTS_DIR:用于指定.o文件的输出目录，如OBJECTS_DIR = ./output/

INCPATH:指定源文件中包含文件的搜索路径，如INCPATH += ../MyDir1 ./MyDir2/Dir3

TARGET:指定最终生成可执行文件的名字，如TARGET = ../execDir/execFile

DEFINES:指定工程的预定义宏，如DEFINES += LINUX32 MYDEBUG

HEADERS:工程所编译的头文件

SOURCES:工程所编译的源文件

6)     绘制2D图形

Qt提供了QPainter类来创建用户图形，其使用十分简单和直观。

重载绘图对象的类的成员虚函数paintEvent()，

在类定义文件中paintEvent()函数的实现体中调用QPainter::begin()和QPainter::end()来启动和停止绘图，将绘图的实现代码放在这二者之间即可，如

void MyDrawWnd::paintEvent(QPaintEvent *qp)

{

   QPushButton::paintEvent(qp);

   QPainter paint;

   paint.begin(this);

   paint.drawEllipse(2, 2, this->width()-4, this->height()-4);

   paint.end();

}