позиционирование элементов под разные размеры экранов (андроид)

[shtrix]

Написал программку.
Возникла проблема.
При использовании :

Код:

ColumnLayout {
        id: columnLayout2
        anchors.bottomMargin: 1
        anchors.topMargin: 1
        anchors.leftMargin: 1
        anchors.rightMargin: 1
        anchors.fill: parent

элементам в ColumnLayout устанавливаю свойство:

Код:

Layout.fillWidth: true

получаю :

при увеличении экрана:

получается не красиво.
Если ставить в центр

Код:

    ColumnLayout {
        id: columnLayout2
        anchors.centerIn: parent

на большом экране будет тоже не красиво:

Есть ли какие нибудь варианты как это сделать более эстетично(красиво)?

[navrocky]

Обычно делается несколько версток экрана под разные разрешения с помощью states либо в отдельных файлах. Переключать можно по условию:

Код:

Loader {
   id: loader
}

states: [
State {
   when: root.width > 800
   PropertyChanges { target: loader; url: "Form800.qml" }
}
]