Qt技術交流群現已開通，QQ搜索群號“765444821”或即可加入

Qt是一個跨平臺框架，通常用作圖形工具包，它不僅創建CLI應用程序中非常有用。而且它也可以在三種主要的臺式機操作系統以及移動操作系統（如Symbian，Nokia Belle，Meego Harmattan，MeeGo或BB10）以及嵌入式設備，Android（Necessitas）和iOS的端口上運行。現在我們為你提供了免費的試用版。

下載Qt6最新試用版

在運行時從Qt Designer表單創建用戶界面。

我們使用在“計算器表單”示例中創建的表單來顯示，可以在執行應用程序時生成相同的用戶界面，或者在構建應用程序時定義相同的用戶界面。

準備

該計算器形式示例定義，我們可以不加修改地使用的用戶界面。在此示例中，我們使用資源文件來包含calculatorform.ui在上一個示例中創建的文件，但是可以將其存儲在磁盤上。

為了在運行時生成表單，我們需要將示例鏈接到QtUiTools模塊庫。我們使用的項目文件包含執行此操作所需的所有必要信息：

HEADERS     = calculatorform.h
RESOURCES   = calculatorbuilder.qrc
SOURCES     = calculatorform.cpp \
              main.cpp
QT += widgets uitools

所有其他必要的文件都照常聲明。

CalculatorForm類定義

在CalculatorForm類定義用于承載形式的用戶界面窗口小部件：

class CalculatorForm : public QWidget
{
    Q_OBJECT

public:
    explicit CalculatorForm(QWidget *parent = nullptr);

private slots:
    void on_inputSpinBox1_valueChanged(int value);
    void on_inputSpinBox2_valueChanged(int value);

private:
    QSpinBox *ui_inputSpinBox1;
    QSpinBox *ui_inputSpinBox2;
    QLabel *ui_outputWidget;
};

注意，我們不需要包括頭文件來描述用戶界面。我們僅使用要求的自動連接命名約定來定義兩個公共插槽，uic并聲明專用變量，這些專用變量將在構造表單后用于訪問表單提供的窗口小部件。

CalculatorForm類的實現

我們將需要使用該庫提供的QUiLoader類libQtUiTools，因此我們首先確保我們包含該模塊的頭文件：

#include <QtUiTools>

構造函數使用表單加載器對象來構造我們通過QFile對象從示例資源中檢索的用戶界面：

CalculatorForm::CalculatorForm((QWidget *parent))
    : : QWidget(parent)parent)
{{
    QUiLoader loader;;

    QFile file((":/forms/calculatorform.ui");
    file.open((QFile::ReadOnly);
    );
    QWidget *formWidget = loader.load((&file, this);
    file.close();();

通過將用戶界面包含在示例的資源中，我們確保在示例運行時將顯示該用戶界面。該loader.load()函數獲取文件中包含的用戶界面描述，并將表單窗口小部件構造為的子窗口小部件CalculatorForm。

我們對生成的用戶界面中的三個小部件感興趣：兩個旋轉框和一個標簽。為了方便起見，我們從構造的窗口小部件中檢索指向這些窗口小部件的指針FormBuilder，并將它們記錄下來以備后用。該qFindChild()模板的功能使我們能夠查詢控件，以便找到一個名為子部件。

  ui_inputSpinBox1 = findChild<QSpinBox*>("inputSpinBox1");
    ui_inputSpinBox2 = findChild<QSpinBox*>("inputSpinBox2");
    ui_outputWidget = findChild<QLabel*>("outputWidget");

由表單加載器創建的窗口小部件需要連接到CalculatorForm對象中的特殊命名的插槽。我們使用Qt的元對象系統來啟用以下連接：

    QMetaObject::connectSlotsByName((this);

表單窗口小部件已添加到布局中，并且設置了窗口標題：

 QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(formWidget);(formWidget);
    setLayout(layout);(layout);

    setWindowTitle(tr((tr("Calculator Builder"));
}}

修改表單提供的窗口小部件的兩個插槽的定義方式與“計算器表單”示例中的相似，不同之處在于我們從旋轉框中讀取值并將結果通過構造函數中記錄的指針寫入輸出窗口小部件中。 ：

void CalculatorFormCalculatorForm::on_inputSpinBox1_valueChanged((int value))
{{
    ui_outputWidget->setText((QString::number(value (value + ui_inputSpinBox2->value()));()));
}}

void CalculatorFormCalculatorForm::on_inputSpinBox2_valueChanged((int value))
{{
    ui_outputWidget->setText((QString::number(value (value + ui_inputSpinBox1->value()));()));
}}

這種方法的優點是，我們可以在運行應用程序時替換表單，但是只要給它們指定適當的名稱，我們仍然可以操縱其中包含的窗口小部件。

Qt組件推薦：

 ====================================================

想要了解或購買Qt正版授權的朋友，歡迎

Qt技術交流群現已開通，QQ搜索群號“765444821”或者掃描下方二維碼即可加入