2013-05-10 2 views
0

Lorsque je place une image dans un rectangle, sa position est en haut à gauche. Comment puis-je l'ancrer en haut à droite d'une manière où il restera là lors du redimensionnement de la fenêtre?Comment faire flotter une image pour qu'elle reste droite quand la fenêtre est redimensionnée?

import QtQuick 2.0 
Rectangle { 
    id: outestRec 
    width: 500 
    height: 500 
    Image 
    { 
     id: imgLonnie 
     source: "http://www.lonniebest.com/Image/Photo/LonnieLeeBest.png"; 
     //anchors.right: AnchorLine;  
    } 
} 

Répondre

2

anchors { right : outestRec.right; top: outestRec.top }

Edit:

Explication: Pour joindre votre élément vers le haut, vous devez utiliser l'ancrage supérieur. Mais juste faire cela ne suffira pas, car vous venez de spécifier qu'il devrait être attaché au sommet du parent, pas exactement où. En s'ancrant juste au sommet, il est libre de se déplacer n'importe où horizontalement. Mais l'attacher à la droite du parent fixera sa position au coin supérieur droit.

Seulement anchors.right: au Attaches côté droit, mais toujours libre de se déplacer de haut en bas

Seulement anchors.top: au Attaches haut, mais toujours libre de se déplacer à gauche et à droite

Les deux ensemble: Il n'y a qu'une seule possibilité qui satisfait ensemble ces deux conditions, c'est le bon coin supérieur.

Lecture here in detail.

+0

Pouvez-vous expliquer pourquoi cela fonctionne de cette façon? – Maerlyn

+0

S'il vous plaît vérifier la modification. –

Questions connexes