Déplacer un élément aligné dans un GridLayout

Question

J'ai un Gridlayout 2x2. Tous les éléments sont alignés à gauche et chaque colonne couvre 50% de l'espace.

Maintenant, je voudrais déplacer l'un des 4 éléments du GridLayout 20 pixels plus vers la droite. Comment je fais ça?

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

Je trouve cette solution. Cela fonctionne et peut-être que cela vous sera utile. Vous pouvez modifier la largeur que vous voulez

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" 
    } 
}