Перемещение выровненного элемента в GridLayout

Question

У меня есть 2x2 Gridlayout. Все элементы выравниваются слева, а каждый столбец занимает 50% пространства.

Теперь я хотел бы переместить один из 4 элементов изображения GridLayout 20 вправо. Как это сделать?

import QtQuick 2.2 
import QtQuick.Controls 1.2 
import QtQuick.Layouts 1.1 

Gridlayout { 
    rows: 2 
    flow: GridLayout.TopToBottom 
    TextEdit { 
     Layout.alignment: Qt.AlignLeft 
     text: "test 1" 
    } 
    Image { 
     // This one is supposed to be aligned left + 20 pixels 
     source: "cool-pic.jpg" 
    } 
    TextEdit { 
     Layout.alignment: Qt.AlignLeft 
     text: "test 3" 
    } 
    TextEdit { 
     text: "test 4" 
    } 
}  

Answer 1

Я нашел это решение. Это работает, и, возможно, это будет полезно для вас. Вы можете изменить ширину так, как вы хотите.

import QtQuick 2.2 
import QtQuick.Layouts 1.1 

GridLayout { 
    rows: 2 
    flow: GridLayout.TopToBottom 
    TextEdit { 
     Layout.alignment: Qt.AlignLeft 
     text: "test 1" 
    } 

    Row{ 
     Rectangle{width: 20;height:parent.height; color:"transparent"} 
    Image { 
     // This one is supposed to be aligned left + 20 pixels 
     source: "sub/tst.jpg" 
    } 
    } 
    TextEdit { 
     Layout.alignment: Qt.AlignLeft 
     text: "test 3" 
    } 
    TextEdit { 
     text: "test 4" 
    } 
}