web-dev-qa-db-fra.com

Bouton QML changer la couleur du texte

Je suis nouveau dans QML et je souhaite personnaliser mes boutons. J'ai réussi à changer la couleur de l'arrière-plan et la couleur de la bordure. Mais je ne réussis pas du tout à changer la couleur du texte du bouton. J'ai vu que nous n'utilisions plus le "style" pour changer le style mais le "fond" et je n'y comprends pas tout.

Merci de votre aide.

Button {
        id: buttonAC
        text: qsTr("AC")
        Layout.fillHeight: true
        Layout.fillWidth: true

        background: Rectangle {
            border.color: "#14191D"
            color: "#24292f"
            // I want to change text color next
        }

        /*Text {
            text: qsTr("AC")
            color: "#F54035"
        }*/
}
qtqmlqtquick2qtquickcontrols2
7
Lazyos

Selon le doc

import QtQuick 2.6
import QtQuick.Controls 2.1

Button {
    id: control
    text: qsTr("Button")

    contentItem: Text {
        text: control.text
        font: control.font
        opacity: enabled ? 1.0 : 0.3
        color: control.down ? "#17a81a" : "#21be2b"
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        elide: Text.ElideRight
    }

    background: Rectangle {
        implicitWidth: 100
        implicitHeight: 40
        opacity: enabled ? 1 : 0.3
        border.color: control.down ? "#17a81a" : "#21be2b"
        border.width: 1
        radius: 2
    }
}
5
nAkhmedov

Si vous voulez juste changer la couleur de votre texte, vous pouvez utiliser un style de police html dans votre Button serait mieux. Ceci gardera les autres icône Item like:

Button
{
    //...
    text: "<font color='#fefefe'>" + moudle + "</font>"
    font.family: "Arial"
    font.pointSize: 24
    //...
}
1
Crawl.W