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).
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…