2016-11-26 34 views
5

Tôi mới sử dụng QML và tôi muốn cá nhân hóa các nút của mình. Tôi thành công để thay đổi màu nền và màu viền. Nhưng tôi không thành công chút nào để thay đổi màu của văn bản nút. Tôi thấy chúng tôi không sử dụng nữa "phong cách" để thay đổi phong cách nhưng "nền" và tôi không hiểu mọi thứ về nó.Thay đổi màu văn bản nút QML

Cảm ơn sự giúp đỡ của bạn.

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

tất cả các bạn cần chỉ là để mở [tài liệu] (http://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing -button) hoặc [this] (http://doc.qt.io/qt-5/qml-qtquick-controls2-control.html#contentItem-prop) – folibis

+0

Cảm ơn bạn, nó giải quyết vấn đề của tôi, tôi đã đi vào tài liệu này nhiều lần mà không lấy lại thông tin tốt. Nhưng nó đã được nói rõ ràng trong tài liệu. – Lazyos

Trả lời

3

Theo 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 
    } 
} 
Các vấn đề liên quan