2016-11-26 3 views
5

Ich bin neu in QML und ich möchte meine Schaltflächen personalisieren. Es gelingt mir, die Hintergrundfarbe und die Rahmenfarbe zu ändern. Aber es gelingt mir überhaupt nicht, die Farbe des Buttons zu ändern. Ich sah, dass wir nicht mehr "Stil" verwenden, um den Stil zu ändern, sondern "Hintergrund" und ich verstehe nicht alles darüber.QML-Taste ändern Textfarbe

Danke für Ihre Hilfe.

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" 
     }*/ 
} 
+6

alles, was Sie brauchen, ist nur zu öffnen, [die Dokumentation] (http://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing -button) oder [dies] (http://doc.qt.io/qt-5/qml-qtquick-controls2-control.html#contentItem-prop) – folibis

+0

Danke, es löst mein Problem, ich ging auf diese Dokumentation oft ohne die guten Informationen zu erhalten. Aber es wurde klar in der Dokumentation gesagt. – Lazyos

Antwort

3

Nach dem 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 
    } 
}