2016-11-26 28 views
5

QML'de yeniyim ve düğmelerimi kişiselleştirmek istiyorum. Arkaplanın rengini ve kenar rengini değiştirmeyi başarabilirim. Ama düğmenin metninin rengini değiştirmek için hiç bir şey yapmam. Stili değiştirmek için artık "stil" kullanmıyoruz, ama "arka plan" ı ve bununla ilgili her şeyi anlamıyorum. Yardımlarınız içinQML düğmesi metin rengini değiştir

teşekkürler.

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

göre tek ihtiyacınız sadece ([belgelerine] açmaya http://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing olduğunu -button) veya [this] (http://doc.qt.io/qt-5/qml-qtquick-controls2-control.html#contentItem-prop) – folibis

+0

Teşekkür ederim, sorunumu çözdüm, bu belgeye girdim iyi bilgi almadan birçok kez. Ancak belgelerde açıkça belirtildi. – Lazyos

cevap

3

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 
    } 
} 
İlgili konular