Qt设计用户界面的三种方法

2019-05-24 21:52:39 阅读：290 来源： 互联网

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_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());
}

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

标签：控件,Designer,界面,Qt,tr,三种,new,用户界面
来源： https://blog.csdn.net/N1314N/article/details/90523432

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Qt设计用户界面的三种方法