2016-11-26 7 views
5

Я новичок в QML, и я хочу персонализировать свои кнопки. Мне удалось изменить цвет фона и цвет границы. Но мне не удается изменить цвет текста кнопки. Я видел, что мы больше не используем «стиль», чтобы изменить стиль, но «фон», и я не понимаю все об этом.QML кнопка изменить цвет текста

Благодарим за помощь.

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

все, что вам нужно всего лишь открыть [документацию] (http://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing -button) или [this] (http://doc.qt.io/qt-5/qml-qtquick-controls2-control.html#contentItem-prop) – folibis

+0

Спасибо, он решил мою проблему, я просмотрел эту документацию много раз без получения хорошей информации. Но это было ясно сказано в документации. – Lazyos

ответ

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