Skip to content

Latest commit

 

History

History
34 lines (26 loc) · 4.24 KB

97、Qt设计界面有哪些方式？.md

File metadata and controls

34 lines (26 loc) · 4.24 KB

97、Qt设计界面有哪些方式？

（1）手工编写创建界面的代码：此方法比较复杂，不够直观； （2） 使用Qt Designer界面编辑器设计：可直接拖放控件、设置控件的属性，简单、直观、易于操作； （3）动态加载UI文件并生成界面：此方法很灵活，当需要更改界面时只需更改.UI文件即可，无需重新编译程序。

A、手工设计界面 　　使用手工创建代码时，需要从Qt已有的GUI类库中选择一个类作为基类继承，并且添加必要的其它成员。通常，我们会选择从QDialog、 QWidget、QMainWindow等类中选择一个作为主窗体；然后创建其它的控件，并使用布局管理器布局这些控件；最后将该布局设置为主窗体的布 局。此步骤用图描述如下：例如，对于下图所示的FindDialog对话框，就可以通过从QDialog继承，并添加按钮、布局管理器等到派生类中完成该对话框的设计。相关的代码如下：

class FindDialog : public QDialog[喝小酒的网摘]http://blog.hehehehehe.cn/a/8574.htm
{Q_OBJECTpublic: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());
}

B、使用Qt Designer设计界面

　　采用Qt Designer，使得快速创建对话框成为可能。在Qt Designer环境中，所有的操作都采用可视化的操作，可拖放控件、关联信号与槽、设置特定控件的属性。使用Qt Designer设计界面的方法如下图所示：

C、动态加载UI文件并生成界面

前面的两种方法需要事先创建好相应的文件或代码，然后连同其它文件进行编译，如果后期要修改界面则必须修改代码或UI文件并重新编译。而不需要重新编译整个程序的方法是采用动态加载UI文件的方式。基本的操作方法为先使用Qt Designer设计界面，然后按下图的流程操作：

　　如下图所示，创建一个mainwindow.ui的UI文件。之后就可以采用QUILoader类动态加载该文件，并生成该窗体。参考的代码如下：
#include <QUiLoader>
#include <QFile>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()显示上图中的窗体界面。另外需要注意的是，如果要使能UiLoader动态加载特性，必须在工程文件*.pro中添加如下行：CONFIG += uitools