Widgets Tutorial - Nested Layouts

Qt Widgets Reference Documentation.

Article lu fois.

L'auteur

The Qt Company Ltd.

L'article

Publié le 27 décembre 2024 - Mis à jour le 27 décembre 2024

Liens sociaux

Widgets Tutorial - Nested Layouts▲

Just as widgets can contain other widgets, layouts can be used to provide different levels of grouping for widgets. Here, we want to display a label alongside a line edit at the top of a window, above a table view showing the results of a query.

We achieve this by creating two layouts: queryLayout is a https:// that contains https:// and https:// widgets placed side-by-side; mainLayout is a https:// that contains queryLayout and a https:// arranged vertically.

Sélectionnez

#include &lt;QtWidgets&gt;

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QWidget window;

    QLabel *queryLabel = new QLabel(
        QApplication::translate("nestedlayouts", "Query:"));
    QLineEdit *queryEdit = new QLineEdit();
    QTableView *resultView = new QTableView();

    QHBoxLayout *queryLayout = new QHBoxLayout();
    queryLayout-&gt;addWidget(queryLabel);
    queryLayout-&gt;addWidget(queryEdit);

    QVBoxLayout *mainLayout = new QVBoxLayout();
    mainLayout-&gt;addLayout(queryLayout);
    mainLayout-&gt;addWidget(resultView);
    window.setLayout(mainLayout);

    // Set up the model and configure the view...
    window.setWindowTitle(
        QApplication::translate("nestedlayouts", "Nested layouts"));
    window.show();
    return app.exec();
}

Image non disponible

Note that we call the mainLayout's https://() function to insert the queryLayout above the resultView table.

We have omitted the code that sets up the model containing the data shown by the https:// widget, resultView. For completeness, we show this below.

As well as https:// and https://, Qt also provides https:// and https:// classes to help with more complex user interfaces. These can be seen if you run Qt Designer.

Setting up the Model▲

In the code above, we did not show where the table's data came from because we wanted to concentrate on the use of layouts. Here, we see that the model holds a number of items corresponding to rows, each of which is set up to contain data for two columns.

Sélectionnez

    QStandardItemModel model;
    model.setHorizontalHeaderLabels(
        QStringList() &lt;&lt; QApplication::translate("nestedlayouts", "Name")
                      &lt;&lt; QApplication::translate("nestedlayouts", "Office"));

    QList&lt;QStringList&gt; rows = QList&lt;QStringList&gt;()
        &lt;&lt; (QStringList() &lt;&lt; "Verne Nilsen" &lt;&lt; "123")
        &lt;&lt; (QStringList() &lt;&lt; "Carlos Tang" &lt;&lt; "77")
        &lt;&lt; (QStringList() &lt;&lt; "Bronwyn Hawcroft" &lt;&lt; "119")
        &lt;&lt; (QStringList() &lt;&lt; "Alessandro Hanssen" &lt;&lt; "32")
        &lt;&lt; (QStringList() &lt;&lt; "Andrew John Bakken" &lt;&lt; "54")
        &lt;&lt; (QStringList() &lt;&lt; "Vanessa Weatherley" &lt;&lt; "85")
        &lt;&lt; (QStringList() &lt;&lt; "Rebecca Dickens" &lt;&lt; "17")
        &lt;&lt; (QStringList() &lt;&lt; "David Bradley" &lt;&lt; "42")
        &lt;&lt; (QStringList() &lt;&lt; "Knut Walters" &lt;&lt; "25")
        &lt;&lt; (QStringList() &lt;&lt; "Andrea Jones" &lt;&lt; "34");

    foreach (QStringList row, rows) {
        QList&lt;QStandardItem *&gt; items;
        foreach (QString text, row)
            items.append(new QStandardItem(text));
        model.appendRow(items);
    }

    resultView-&gt;setModel(&amp;model);
    resultView-&gt;verticalHeader()-&gt;hide();
    resultView-&gt;horizontalHeader()-&gt;setStretchLastSection(true);

The use of models and views is covered in the https:// and in the https:// overview.

List of Files▲

Files:

List of Files▲

tutorials/widgets/nestedlayouts/main.cpp
tutorials/widgets/nestedlayouts/nestedlayouts.pro

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants :