QML Row Element
The Row item arranges its children horizontally. More...
This element was introduced in Qt 4.7.
Properties
- add : Transition
- layoutDirection : enumeration
- move : Transition
- spacing : int
Detailed Description
The Row item positions its child items so that they are horizontally aligned and not overlapping.
Use spacing to set the spacing between items in a Row, and use the add and move properties to set the transitions that should be applied when items are added to, removed from, or re-positioned within the Row.
See Using QML Positioner and Repeater Items for more details about this item and other related items.
Example Usage
The following example lays out differently shaped rectangles using a Row.
import QtQuick 1.0 Row { spacing: 2 Rectangle { color: "red"; width: 50; height: 50 } Rectangle { color: "green"; width: 20; height: 50 } Rectangle { color: "blue"; width: 50; height: 20 } }
Using Transitions
Transitions can be used to animate items that are added to, moved within, or removed from a Grid item. The add and move properties can be set to the transitions that will be applied when items are added to, removed from, or re-positioned within a Row of a child depend on the position of a child, then the positioner may exhibit strange behaviour. If you need to perform any of these actions, consider positioning the items without the use of a Row.
Items with a width or height of 0 will not be positioned.
See also Column, Grid, Flow, layoutDirection of the row.
Possible values:
- Qt.LeftToRight (default) - Items are laid out from left to right. If the width of the row is explicitly set, the left anchor remains to the left of the row.
- Qt.RightToLeft - Items are laid out from right to left. If the width of the row is explicitly set, the right anchor remains to the right of the row.
When using the attached property LayoutMirroring::enabled for locale layouts, the visual layout direction of the row positioner will be mirrored. However, the property layoutDirection will remain unchanged. You can use the property LayoutMirroring::enabled to determine whether the direction has been mirrored.
This property group was introduced in QtQuick 1.1.
See also Grid::layoutDirection, Flow:.
Row { id: positioner move: Transition { NumberAnimation { properties: "x" ease: "easeOutBounce" } } }
See also add and Positioners example.
The spacing is the amount in pixels left empty between adjacent items. The default spacing is 0.
See also Grid::spacing.
No notes