Liri Fluid API

ColumnFlow QML Type

Automatically position children in columns. More...

Import Statement: import Fluid.Layouts 1.1
Inherits:

Item

Properties

Methods

Detailed Description

 import QtQuick 2.10
 import Fluid.Layouts 1.0 as FluidLayouts

 Item {
     width: 600
     height: 600

     FluidLayouts.ColumnFlow {
         anchors.fill: parent
         columns: 5
         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
             }
         }
     }
 }

Property Documentation

columnWidth : int

Column width. This property is 100 by default.


columns : int

Number of columns. By default it fits as many columns as possible.


contentHeight : int

Content height.


delegate : Component

The delegate provides a template defining each item istantiated by the column flow.

See also Repeater::delegate.


model : any

The model providing data to the column flow.

This property can be set to any of the supported data models.

See also Repeater::model.


[read-only] repeaterCompleted : bool

This property holds whether the layout is done.


Method Documentation

void reEvalColumns()

Relayout the columns.


void updateWidths()

Set the width of all delegates.