AutomaticGrid Class Reference

Lay out children in a grid that automatically fits the available space. More...

Inheritance diagram for AutomaticGrid:

Detailed Description

Lay out children in a grid that automatically fits the available space.

AutomaticGrid is a Fluid layout utility rather than a Material 3 component. Its delegates can be styled with Material 3 tokens and styles as appropriate for the containing application.

import QtQuick
import Fluid as Fluid
 
Item {
    width: 600
    height: 600
 
    Fluid.AutomaticGrid {
        anchors.fill: parent
        cellWidth: 100
        cellHeight: cellWidth
        model: 20
 
        delegate: Rectangle {
            id: item
            height: 100.0 * Math.random()
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), Math.random())
            Text {
                text: index
            }
        }
    }
}

Definition at line 39 of file AutomaticGrid.qml.

---

The documentation for this class was generated from the following file:

• src/controls/qml/layout/AutomaticGrid.qml