WebKit -- qt4 的应用程序

 

记得以前学习 VB/Delphi/MFC 时，开始的例子一般是在窗口上有个按钮和文本标签。点击按钮时，文本标签上会显示一段话。这样的例子在 QT 里是怎么做呢？

在 QT 里就是 QLabel 和 QPushButton，并用 connect 把它们联系起来。先看一下头文件 helloqt2.h ：

view plain copy to clipboard print ?

1. #ifndef HELLO_QT2  
2. #define HELLO_QT2  
3.  
4. #include <QDialog>   
5.   
6. class QLabel;  
7. class QPushButton;  
8.   
9. class MyEvent : public QDialog  
10. {  
11.     Q_OBJECT  
12.     public:  
13.         MyEvent(QWidget *parent = 0);  
14.     private slots:  
15.         void button1Clicked();  
16.     private:  
17.         QLabel *m_label;  
18.         QPushButton *m_button;  
19. };  
20.  
21. #endif  

#ifndef HELLO_QT2#define HELLO_QT2#include <QDialog>class QLabel;class QPushButton;class MyEvent : public QDialog{Q_OBJECTpublic:MyEvent(QWidget *parent = 0);private slots:void button1Clicked();private:QLabel *m_label;QPushButton *m_button;};#endif

再看下实现体 -- helloqt2.cpp :

view plain copy to clipboard print ?

1. #include <QtGui>  
2. #include <QApplication>  
3. #include "helloqt2.h"   
4.   
5. MyEvent::MyEvent(QWidget *parent)  
6.     : QDialog(parent)  
7. {  
8.     m_label = new QLabel(tr("label 1"));  
9.     m_button = new QPushButton(tr("button1"));  
10.   
11.     connect(m_button, SIGNAL(clicked()), this, SLOT(button1Clicked()));  
12.   
13.     QHBoxLayout *layout = new QHBoxLayout;  
14.     layout->addWidget(m_button);  
15.     layout->addWidget(m_label);  
16.     setLayout(layout);  
17.     setWindowTitle(tr("MyEvent"));  
18. }  
19.   
20. void MyEvent::button1Clicked()  
21. {  
22.     m_label->setText(tr("Good morning ! "));  
23. }  
24.   
25. int main(int argc, char *argv[])  
26. {  
27.     QApplication app(argc, argv);  
28.     MyEvent dialog;  
29.   
30.     return dialog.exec();  
31. }  

#include <QtGui>#include <QApplication>#include "helloqt2.h"MyEvent::MyEvent(QWidget *parent): QDialog(parent){m_label = new QLabel(tr("label 1"));m_button = new QPushButton(tr("button1"));connect(m_button, SIGNAL(clicked()), this, SLOT(button1Clicked()));QHBoxLayout *layout = new QHBoxLayout;layout->addWidget(m_button);layout->addWidget(m_label);setLayout(layout);setWindowTitle(tr("MyEvent"));}void MyEvent::button1Clicked(){m_label->setText(tr("Good morning ! "));}int main(int argc, char *argv[]){QApplication app(argc, argv);MyEvent dialog;return dialog.exec();}

关键要注意第 11 行，在这里把按钮的 click 事件和当前类的 button1Clicked() 成员函数关联了起来。而在 button1Clicked() 成员函数里可以设置标签的内容。

其它的则比较好理解，在第 8, 9 行新建了标签和按钮，在 13 - 16 行给窗口添加了一个排版的对象并把标签和按钮加入其中。在 17 行是设置窗口标题为 "MyEvent"。

依次执行如下 4 条命令进行编译运行。

view plain copy to clipboard print ?

1. qmake-qt4 -project  
2. qmake-qt4  
3. make  
4. ./helloqt2  

qmake-qt4 -projectqmake-qt4make./helloqt2

出现如下窗口:

点一下 button1，显示如下图:

有意思的是，不必指定按钮或者标签的具体位置，QT会自动进行排版。可以继续进行多一点尝试，比如试着把第 13 行改成下面的样子: QVBoxLayout *layout = new QVBoxLayout;

再或者把第 8 和第 9 行前后位置换一下，再编译运行查看结果。