align center in qml

This is my program.
http://s3.picofile.com/file/8224291576/max.gif
I want to be like this:
http://s3.picofile.com/file/8224291734/max2.gif
thanks you.

If you want to center an item into another item both vertically and horizontally, use

Code:

---

anchors.centerIn: otherItemsId

---

for example centering inside the parent

Code:

---

Item {
    Item {
        anchors.centerIn: parent
    }
}

---

Cheers,
_