Calculator Form/Multiple Inheritance | Qt Widgets Designer Manual
Description: Using a form created with Qt Widgets Designer in an application.

- Qt 6.10
- Qt Widgets Designer Manual
- Qt Widgets Designer Examples
- Calculator Form/Multiple Inheritance
- Qt 6.10.3 Reference Documentation

# Calculator Form/Multiple Inheritance

Using a form created with Qt Widgets Designer in an application.

The Multiple Inheritance Example shows how to use a form created with Qt Widgets Designer in an application by subclassing both QWidget and the user interface class, which is `Ui::CalculatorForm`.

To subclass the `calculatorform.ui` file and ensure that `qmake` processes it with the `uic`, we have to include `calculatorform.ui` in the `.pro` file, as shown below:

     QT += widgets

     HEADERS = calculatorform.h
     SOURCES = calculatorform.cpp main.cpp
     FORMS = calculatorform.ui

When the project is compiled, the `uic` will generate a corresponding `ui_calculatorform.h`.

#### CalculatorForm Definition

In the `CalculatorForm` definition, we include the `ui_calculatorform.h` that was generated earlier.

     #include "ui_calculatorform.h"

As mentioned earlier, the class is a subclass of both QWidget and `Ui::CalculatorForm`.

     class CalculatorForm : public QWidget, private Ui::CalculatorForm
     {
         Q_OBJECT

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

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

Two slots are defined according to the automatic connection naming convention required by `uic`. This is to ensure that QMetaObject's auto-connection facilities connect all the signals and slots involved automatically.

#### CalculatorForm Implementation

In the constructor, we call `setupUi()` to load the user interface file. Note that setupUi is a method of `Ui::CalculatorForm`.

     CalculatorForm::CalculatorForm(QWidget *parent)
         : QWidget(parent)
     {
         setupUi(this);
     }

We include two slots, `on_inputSpinBox1_valueChanged()` and `on_inputSpinBox2_valueChanged()`. These slots respond to the valueChanged() signal that both spin boxes emit. Whenever there is a change in one spin box's value, we take that value and add it to whatever value the other spin box has.

     void CalculatorForm::on_inputSpinBox1_valueChanged(int value)
     {
         outputWidget->setText(QString::number(value + inputSpinBox2->value()));
     }

     void CalculatorForm::on_inputSpinBox2_valueChanged(int value)
     {
         outputWidget->setText(QString::number(value + inputSpinBox1->value()));
     }

#### `main()` Function

The `main()` function instantiates QApplication and `CalculatorForm`. The `calculator` object is displayed by invoking the show() function.

     int main(int argc, char *argv[])
     {
         QApplication app(argc, argv);
         CalculatorForm calculator;
         calculator.show();
         return app.exec();
     }

There are various approaches to include forms into applications. The Multiple Inheritance approach is just one of them. See Using a Designer UI File in Your Application for more information on the other approaches available.

Example project @ code.qt.io