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 baseline, for text items, it's an imaginary line on which a text rests. For letters like g, the descender goes below the baseline. Some…