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