StaggeredLayout QML Type
A masonry or staggered grid layout. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- columnCount : int
- columnSpacing : real
- delegate : Component
- flow : enumeration
- model : var
- rowSpacing : real
Detailed Description
StaggeredLayout arranges items in a masonry-style grid where items are placed in columns and each column grows vertically as items are added. This layout is commonly used for displaying content with varying heights.
Property Documentation
columnCount : int
The number of columns in the staggered grid.
columnSpacing : real
The spacing between adjacent columns in pixels.
delegate : Component
The delegate component used to render each item in the staggered layout.
flow : enumeration
The flow direction of item placement. Controls whether items fill columns top-to-bottom or rows left-to-right.
model : var
The model providing data for the layout items. This can be a ListModel or any Qt-compatible model.
rowSpacing : real
The spacing between items in the same column in pixels.