QtQuick.Controls 2.0中Button无法设置ButtonStyle问题咨询

嘿，你遇到的问题核心在于Qt Quick Controls版本不兼容！你导入了QtQuick.Controls 2.0（这是2.x系列的控件），但又试图用QtQuick.Controls.Styles 1.4里的ButtonStyle——而这个样式类是专门给1.x系列控件用的，2.x的控件根本不支持style这个属性，所以你的样式自然不会生效。

下面给你两种可行的解决思路：

方案一：继续使用Qt Quick Controls 2.x（推荐） #

2.x系列控件采用了更灵活的自定义方式，直接通过控件的background、contentItem等属性来定义外观，不需要依赖Style类。给你改好的代码示例：

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3

Page {
    header: ToolBar {
        RowLayout {
            Button {
                text: "自定义按钮"
                // 自定义背景样式
                background: Rectangle {
                    implicitWidth: 100
                    implicitHeight: 25
                    border.width: control.activeFocus ? 2 : 1
                    border.color: control.activeFocus ? "#2196F3" : "#999"
                    color: control.pressed ? "#E0E0E0" : "#FFF"
                    radius: 3  // 可以加圆角优化外观
                }
                // 自定义文本样式
                contentItem: Text {
                    text: control.text
                    color: control.enabled ? "#333" : "#CCC"
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    font.pixelSize: 14
                }
            }
        }
    }
}

方案二：切换到Qt Quick Controls 1.x（如果一定要用ButtonStyle） #

如果你坚持想用ButtonStyle，需要把控件版本切换到1.x，同时保留Styles的导入。代码示例如下：

import QtQuick 2.7
import QtQuick.Controls 1.4  // 改用1.x版本的Controls
import QtQuick.Layouts 1.3
import QtQuick.Controls.Styles 1.4

Page {
    header: ToolBar {
        RowLayout {
            Button {
                text: "Style按钮"
                style: ButtonStyle {
                    background: Rectangle {
                        implicitWidth: 100
                        implicitHeight: 25
                        border.width: control.activeFocus ? 2 : 1
                        border.color: control.activeFocus ? "#2196F3" : "#999"
                        color: control.pressed ? "#E0E0E0" : "#FFF"
                    }
                    label: Text {
                        text: control.text
                        color: control.enabled ? "#333" : "#CCC"
                        font.pixelSize: 14
                    }
                }
            }
        }
    }
}

简单总结下：2.x控件是全新的设计，和1.x的样式系统不互通，选哪个版本就用对应版本的自定义方式就好啦～

内容的提问来源于stack exchange，提问作者KOl