CODEWITHSUNDEEP
qml
Megidd
Megidd

Reputation: 7989

How to use "Layout.alignment" instead of "anchors.right: someItemID.right"

I have this statement inside my QML item:

Rectangle {
    // ...
    anchors.right: someItemID.right
    // ...
}

I'm receiving this warning for my Rectangle item:

QML Rectangle: Detected anchors on an item that is managed by a layout. This is undefined behavior; use Layout.alignment instead.

How can I use Layout.alignment to resolve the above warning? How can I pass another item ID to Layout.alignment? Is it possibe?

Upvotes: 1

Views: 4383

Answers (1)

sigma
sigma

Reputation: 2963

A layout manages the positions and sizes of all of its child items. Using anchors inside child items is not allowed as it could override these rules. You can only influence those properties provided by the layout in the Layout object attached to its children, which is hinted at in the warning message. Layout.alignment controls how the item is aligned within the cell created for it by the layout. You can therefore align an item to the edges of its adjacent cells, but you can't directly anchor to their items by ID.

If you need more precise control, you should position the items outside the layout using position and/or anchor properties.

Upvotes: 2

Related Questions