阅读Qt提供的样例时,看到过好几种使用Qt Designer生成的ui文件的方式,感到有些混乱,所以参考Qt官方文档http://doc.qt.io/qt-5/designer-using-a-ui-file.html进行了整理。
使用ui文件的方式主要分为两类,一类在编译时进行,一类在运行时进行,由于后一类我没有用到过,因此没有进行整理。
假设我们的ui文件为calculatorform.ui,与其相关的类为CalculatorForm类,则它在编译时会生成ui_calculatorform.h文件。
直接方式
第一种方式为直接方式,即不定义自己的类,直接使用ui_calculatorform.h中定义的setupUi函数对QWidget对象进行配置:
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QWidget *widget = new QWidget;
Ui::CalculatorForm ui;
ui.setupUi(widget);
widget->show();
return app.exec();
}
这种方式最简单,不用定义新的类。但是正因为不定义新类,无法使用signal-slot机制使UI文件中的控件进行交互。
单继承方式
第二种方式为单继承方式,这种方式需要定义自己的类,继承QWidget或QMainWindow等类,ui对象会作为CalculatorForm类的成员。ui对象作为类成员时,可以是变量方式,也可以是指针方式,这两种方法会有一些不同。
当使用变量方式时,需要包含头文件:
#include "ui_calculatorform.h"
然后我们的类定义形式如下:
class CalculatorForm : public QWidget
{
Q_OBJECT
public:
CalculatorForm(QWidget *parent = 0);
private slots:
void on_inputSpinBox1_valueChanged(int value);
void on_inputSpinBox2_valueChanged(int value);
private:
Ui::CalculatorForm ui;
};
这种方式下ui对象不需要手动初始化,因此类初始化函数为:
CalculatorForm::CalculatorForm(QWidget *parent)
: QWidget(parent)
{
ui.setupUi(this);
}
访问ui中控件的方式为:
ui.label->setText("Text");
当使用指针方式时,不必包含头文件,可以使用前置声明:
namespace Ui {
class CalculatorForm;
}
class CalculatorForm : public QWidget
...
virtual ~CalculatorForm();
...
private:
Ui::CalculatorForm *ui;
...
这种方式下ui对象需要手动初始化,还需要手动对其释放以防止内存泄露:
#include "ui_calculatorform.h"
CalculatorForm::CalculatorForm(QWidget *parent) :
QWidget(parent), ui(new Ui::CalculatorForm)
{
ui->setupUi(this);
}
CalculatorForm::~CalculatorForm()
{
delete ui;
}
访问ui中控件的方式为:
ui->label->setText("Text");
由于使用了前置声明,可以避免某些在头文件进行修改后的不必要的重新编译。Qt官方文档中推荐在编写库和大型应用时使用此种方式。
多继承方式
最后一种方式为多继承方式,在这种方式下,我们定义的类除了继承QWidget和QMainWindow等类外,还继承了ui类,首先需要包含头文件:
#include "ui_calculatorform.h"
类定义如下:
class CalculatorForm : public QWidget, private Ui::CalculatorForm
{
Q_OBJECT
public:
CalculatorForm(QWidget *parent = 0);
private slots:
void on_inputSpinBox1_valueChanged(int value);
void on_inputSpinBox2_valueChanged(int value);
};
类初始化函数如下:
CalculatorForm::CalculatorForm(QWidget *parent)
: QWidget(parent)
{
setupUi(this);
}
访问ui中控件时可以直接使用:
label->setText("Text");