Discussion :

[Jiyuu]

Bonjour à tous,

Je souhaite aligner un texte avec retour à la ligne dans un rectangle, mais ceci ne semble pas fonctionner :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
import QtQuick 2.1
 
Rectangle {
    width: 360
    height: 360
    Text {
        anchors.centerIn: parent
        text: "Hello\nWorld"
        //horizontalAlignment: Text.AlignHCenter  //Cette ligne ne change rien.
    }
}

L'idée étant en fait de mettre le texte d'un bouton sur plusieurs lignes si celui-ci est plus long que la largeur du dit bouton.
Actuellement je le fais manuellement, mais il existe sûrement un moyen de le faire automatiquement (je n'ai pas encore regardé de ce coté).

D'avance merci pour vos conseils.

[Gojir4]

D'après la doc :

If you want the text to be, say, centered in its parent, then you will need to either modify the Item::anchors, or set horizontalAlignment to Text.AlignHCenter and bind the width to that of the parent.

Donc je dirais que le problème vient du fait que la taille de l'élément "Text" n'est pas définie. De ce fait, la taille sera toujours le minimum requis pour contenir le texte, donc le type l'alignement n'aura aucune influence.

Je pense que cette solution devrait vous convenir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
import QtQuick 2.1

Rectangle {
    width: 360
    height: 360
    Text {
        anchors.centerIn: parent
        width: parent.width
        text: "Hello\nWorld"
        horizontalAlignment: Text.AlignHCenter  //Cette ligne ne change rien.
    }
}

Edit de l'Edit... :

L'idée étant en fait de mettre le texte d'un bouton sur plusieurs lignes si celui-ci est plus long que la largeur du dit bouton

La proprieté contentWidth devrait sûrement vous aider.

[Jiyuu]

D'après la doc :

Donc je dirais que le problème vient du fait que la taille de l'élément "Text" n'est pas définie. De ce fait, la taille sera toujours le minimum requis pour contenir le texte, donc le type l'alignement n'aura aucune influence.

Je pense que cette solution devrait vous convenir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
import QtQuick 2.1

Rectangle {
    width: 360
    height: 360
    Text {
        anchors.centerIn: parent
        width: parent.width
        text: "Hello\nWorld"
        horizontalAlignment: Text.AlignHCenter  //Cette ligne ne change rien.
    }
}

j'avais pas pensé à ça.
C'est impec.

Edit de l'Edit... :

La proprieté contentWidth devrait sûrement vous aider.

Humm presque en fait, mais ton lien m'a guidé sur ce que j'ai loupé (encore ) et voilà ce que ça donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
import QtQuick 2.1
 
Rectangle {
    width: 200
    height: 360
    Text {
        anchors.centerIn: parent
        width: parent.width - 10 //histoire de laisser une marge autour du texte
        text: "Hello World"
        horizontalAlignment: Text.AlignHCenter
        wrapMode : Text.WordWrap
    }
}

Un grand merci à toi.