Qt ui在程序中的使用
哈尔滨理工大学软件工程专业08-7李万鹏原创作品,转载请标明出处
http://blog.csdn.net/woshixingaaa/archive/2010/08/09/5798356.aspx
首先介绍ui的文件,Qt 通过Qt designer 可以生成ui文件,ui文件以XML的方式记录了designer生成界面的相关内容(大体内容包括widget的属性,其内容的相关属性,头文件,变量,槽,函数)。在使用designer创建的form(也就是ui文件)最后在qmake的时候转换成c++代码。qmake能够检测到窗体文件(*.ui件), 通过uic(user interface compiler)可以把ui文件内容翻译成标准的.h,.cpp文件,并存放在ui_xxx.h文件中。该文件给出了Dialog对应类的完整定义,类名为Ui_Dialog,并包含一个setupUi()成员函数,用于初使化form。在该头文件的最后,使用一个Ui命名空间将该Ui_Dialog类包含进来,并派生出名为Dialog的子类,而Ui::Dialog就成为Designer设计的界面对外的接口了。
利用Designer设计生成ui的3种使用方式
1.直接使用法
2.单继承法
3.多继承法
一.看一个直接使用的例子:
QWidget * w = new QWidget; Ui::Small s; s.setupUi(w); w.show();
二.现在来讨论单继承法:
本实例使用 Designer 生成3个简单的ui,在使用时,两个ui插入到主程序的QTabWidget中,另一个ui由按钮触发弹出,如图所示
先通过Designer 实现三个ui
//widget.h #ifndef WIDGET_H #define WIDGET_H #include <QTabWidget> #include <QWidget> #include <QtGui> #include "ui_first.h" //包含3个ui的头文件 #include "ui_second.h" #include "ui_third.h" class MyWidget:public QWidget{ Q_OBJECT public: MyWidget(); ~MyWidget(); private: QTabWidget *tab; Ui::First firstUi; //在MyWidget类中声明了3个私有的窗体对象, Ui::Second secondUi; // 我们在代码中会通过该对象操作窗体元素 Ui::Third thirdUi; private slots: void slotChild(); }; #endif //widget.cpp #include "widget.h" MyWidget::MyWidget(){ tab = new QTabWidget(this); QWidget *w1 = new QWidget; //首先新建QWidget对象,以此QWidget对象为参数 firstUi.setupUi(w1); //调用第一个ui的setupUi(),生成第一个ui界面 QWidget *w2 = new QWidget; secondUi.setupUi(w2); tab->addTab(w1,"First"); tab->addTab(w2,"Second"); tab->resize(300,300); connect(firstUi.childPushButton,SIGNAL(clicked()),this,SLOT(slotChild())); connect(secondUi.closePushButton,SIGNAL(clicked()),this,SLOT(close())); } MyWidget::~MyWidget(){ } void MyWidget::slotChild(){ QDialog *w3 = new QDialog; thirdUi.setupUi(w3); w3->exec(); }
注意:在使用ui页面上的控件时,一定要记得加上ui前缀。
//main.cpp #include <QApplication> #include "widget.h" int main(int argc, char *argv[]){ QApplication app(argc,argv); MyWidget s; s.show(); return app.exec(); }
同样这个实例采用多继承则要复杂的多,针对每个页面都要实现一个类,此处以第三个ui对话框为例,
以多继承的方式实现它。
#include "ui_third.h" class ThirdDialog: public QDialog, private Ui::Third{ ThirdDialog(); ...... } ThirdDialog:ThirdDialog(){ setupUi(this); }
由于ThirdDialog是Ui::Third的子类,因此可直接在构造函数中调用setupUi()函数实现第三个对话框的显示。
void MyWidget::slotChild(){ ThirdDialog *dlg = new ThirdDialog; dlg->show(); }
从以上 对 两种继承方式的分析可见,多继承方式可以直接对ui页面上的控件或函数进行操作调用,代码编写更
加简介;而使用单继承方式,在操作ui页面上的控件时需要加上ui对象前缀,编写代码较为麻烦,但对于程序
中所需用到的ui页面较多时,使用单继承法则要简单灵活的多。