2016-11-26 5 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 
    } 
}