ItemLayout QML Type

ItemLayout defines a new size & position of a single Item, for the purposes of specifying layouts. This is to be used within a ConditionalLayout definition. More...

• List of all members, including inherited members

Properties

• item : string

Detailed Description

Use ItemLayout to define the size and position of a single item within a layout. The item name to be positioned should be specified in item property, which should correspond to the string specified in Layouts.item attached to an Item in the default layout. The Item with Layouts.item attached is reparented into ItemLayout and it is anchor filled to it.

Example:

import QtQuick 2.4
import Lomiri.Layouts 0.1

Layouts {
    id: layouts
    width: units.gu(50)
    height: units.gu(50)
    layouts: [
        ConditionalLayout {
            when: layouts.width > units.gu(40)
            Row {
                width: parent.width
                ItemLayout {
                    item: "input"
                    width: units.gu(30)
                    height: units.gu(20)
                }
                TextArea {
                    text: "extra component"
                }
            }
        }
    ]
    // default layout
    TextInput {
        anchors.fill: parent
        text: "input"
        Layouts.item: "input"
    }
}

Property Documentation