qml 使用 Qt 控件 2.0 更改按钮前景颜色答案

【问题标题】：qml change button foregrouns color with Qt controls 2.0qml 使用 Qt 控件 2.0 更改按钮前景颜色
【发布时间】：2017-08-09 15:32:05
【问题描述】：

我正在尝试使用QtQuick.Controls 2.0 模块，因为它为我的基于树莓派的应用程序提供了更好的性能。我无法弄清楚的一件事是如何更改按钮中的前景文本颜色！

所以，我可以如下改变背景：

 Button {
        id: testButton
        width: 80
        height: 30
        enabled: false
        text: "Test"

        background: Rectangle {
            color: testButton.enabled ? "steelblue" : "gray"
        }
    }

这可行，但我已经梳理了这里的 dos (https://doc.qt.io/qt-5/qml-qtquick-controls2-button-members.html)，我看不出如何更改前景色！

【问题讨论】：

标签： qt qtquick2 qtquickcontrols2

【解决方案1】：

控件 2 并不是真正打算基于每个对象设置样式。它们与available GUI styles 齐头并进，因此在不同组件之间提供统一的视觉风格。

根据您选择的样式，您有一些选项可以为主题全局指定某些颜色，或者基于每个对象：

Material.foreground: Material.Red // globally
// or
Button {
    Material.foreground: Material.Red // per object
}

默认样式没有选项，它是简单的纯黑白以获得最佳性能。通用样式让您能够设置背景、前景色和强调色，材质样式还为您提供额外的原色。

更多详情请见here。

【讨论】：