Qt创建对话框的三种方法
1.手工编写创建界面的代码:此方法比较复杂,不够直观;
2.使用Qt Designer界面编辑器设计:可直接拖放控件、设置控件的属性,简单、直观、易于操作;
3.动态加载UI文件并生成界面:此方法很灵活,当需要更改界面时只需更改.UI文件即可,无需重新编译程序。
手工设计界面
使用手工创建代码时,需要从Qt已有的GUI类库中选择一个类作为基类继承,并且添加必要的其它成员。通常,我们会选QDialog、QWidget、QMainWindow等类中选择一个作为主窗体;然后创建其它的控件,并使用布局管理器布局这些控件;最后将该布局设置为主窗体的布局。
例如,对于FindDialog对话框,就可以通过从QDialog继承,并添加按钮、布局管理器等到派生类中完成该对话框的设计。
class FindDialog : public QDialog
{
Q_OBJECT
public:
FindDialog(QWidget *parent = 0);
signals:
void findNext(const QString &str, Qt::CaseSensitivity cs);
void findPrevious(const QString &str, Qt::CaseSensitivity cs);
private slots:
void findClicked();
void enableFindButton(const QString &text);
private: // 窗体中的控件
QLabel *label;
QLineEdit *lineEdit;
QCheckBox *caseCheckBox;
QCheckBox *backwardCheckBox;
QPushButton *findButton;
QPushButton *closeButton;
};
FindDialog::FindDialog(QWidget *parent)
: QDialog(parent)
{
// 下面的代码创建窗体中的控件
label = new QLabel(tr("Find &what:"));
lineEdit = new QLineEdit;
label->setBuddy(lineEdit);
caseCheckBox = new QCheckBox(tr("Match &case"));
backwardCheckBox = new QCheckBox(tr("Search &backward"));
findButton = new QPushButton(tr("&Find"));
findButton->setDefault(true);
findButton->setEnabled(false);
closeButton = new QPushButton(tr("Close"));
connect(lineEdit, SIGNAL(textChanged(const QString &)),
this, SLOT(enableFindButton(const QString &)));
connect(findButton, SIGNAL(clicked()),
this, SLOT(findClicked()));
connect(closeButton, SIGNAL(clicked()),
this, SLOT(close()));
// 使用布局管理器布局控件
QHBoxLayout *topLeftLayout = new QHBoxLayout;
topLeftLayout->addWidget(label);
topLeftLayout->addWidget(lineEdit);
QVBoxLayout *leftLayout = new QVBoxLayout;
leftLayout->addLayout(topLeftLayout);
leftLayout->addWidget(caseCheckBox);
leftLayout->addWidget(backwardCheckBox);
QVBoxLayout *rightLayout = new QVBoxLayout;
rightLayout->addWidget(findButton);
rightLayout->addWidget(closeButton);
rightLayout->addStretch();
QHBoxLayout *mainLayout = new QHBoxLayout;
mainLayout->addLayout(leftLayout);
mainLayout->addLayout(rightLayout);
// 设置窗口的布局管理器
setLayout(mainLayout);
setWindowTitle(tr("Find"));
setFixedHeight(sizeHint().height());
}
使用Qt Designer设计界面
采用Qt Designer,使得快速创建对话框成为可能。在Qt Designer环境中,所有的操作都采用可视化的操作,可拖放控件、关联信号与槽、设置特定控件的属性。
步骤:
1.用qt creator 设计师创建对话框生成findDialog.ui文件
2.在qt安装包寻找Qt 5.4 64-bit for Desktop (MSVC 2013),然后进入工程项目所在的文件夹,使用指令uic -o ui_findDialog.h findDialog.ui生成对应的头文件
3.分别使用指令qmake -project、qmake、make(不行的话点击qt creator中的运行按钮 )
动态加载UI文件并生成界面
前面的两种方法需要事先创建好相应的文件或代码,然后连同其它文件进行编译,如果后期要修改界面则必须修改代码或UI文件并重新编译。
而不需要重新编译整个程序的方法是采用动态加载UI文件的方式。基本的操作方法为先使用Qt Designer设计界面,之后就可以采用QUILoader类动态加载该文件,并生成该窗体。
#include
#include
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QUiLoader loader;
QFile file("mainwindow.ui");
loader.load(&file)->show();
return a.exec();
}
上面的代码中UiLoader::load()使用了QFile对像作为数据源,并且会生成QWidget对像,最后使用了QWidget::show()显示上图中的窗体界面。
**Qt += uitools**
小结
综合前面的分析来看,使用手工设计界面的方法最为繁琐、复杂;使用Qt Designer设计界面最灵活、直观、快速;而采用动态加载.ui文件的方法则可以做到在需要修改.ui文件时不需要重新编译程序。
因而在实际使用时,常常使用Qt Designer绘制界面,然后添加额外的代码进行更为完善的设计。
版权声明:本文为博主原创文章,未经博主允许不得转载。