Positioning with Anchors in QML

QML provides anchors to position different items relative to each others.

For each item, there are 7 imaginary lines called anchor lines. An item can be placed in these anchor lines relative to another item(parent or any sibling).

anchor lines

The 7th anchor is , for text items, it's an imaginary line on which a text rests. For letters like g, the descender goes below the baseline. Some…