如何将样式应用于 QML 中的 TextField？似乎“样式”属性不可用答案

【问题标题】：How do I apply the style to a TextField in QML? It seems "style" attribute isn't available如何将样式应用于 QML 中的 TextField？似乎“样式”属性不可用
【发布时间】：2016-12-27 09:18:37
【问题描述】：

我正在尝试将一些样式应用于我正在开发的新 qt 5.7 应用程序，但以下内容根本不起作用。它给出了错误： qrc:/SignInView.qml:67 无法分配给不存在的属性“样式” 出于同样的原因，我无法在设计模式下对其进行编辑。

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.1
import QtQuick.Controls.Styles 1.4

Page {
    id: page1
    ColumnLayout {
        id: columnLayout1
        height: 100
        anchors.right: parent.right
        anchors.left: parent.left
        anchors.top: parent.top

        Label {
            text: qsTr("Label")
            font.pointSize: 16
            horizontalAlignment: Text.AlignHCenter
            Layout.fillWidth: true
        }

        Image {
            id: image1
            width: 200
            height: 200
            Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
            fillMode: Image.PreserveAspectCrop
            anchors.horizontalCenter: parent
            source: "qrc:/qtquickplugin/images/template_image.png"

            Button {
                id: button1
                text: qsTr("Button")
                anchors.bottomMargin: 10
                anchors.rightMargin: 10
                anchors.bottom: parent.bottom
                anchors.right: parent.right
            }
        }

        Rectangle {
            id: field1
            width: 200
            height: 40
            color: "#ffffff"
            Layout.fillWidth: true



            Label {
                id: label1
                text: qsTr("Full Name")
                anchors.topMargin: 0
                anchors.left: parent.left
                anchors.leftMargin: 5
                anchors.top: parent.top
            }
            TextField {
                style: TextFieldStyle {
                    textColor: "black"
                    background: Rectangle {
                        radius: 2
                        implicitWidth: 100
                        implicitHeight: 24
                        border.color: "#333"
                        border.width: 1
                    }
                }
            }
        }
    }
}

我一直在尝试遵循这个例子：

http://doc.qt.io/qt-5/qml-qtquick-controls-styles-textfieldstyle.html

它在 Qt Creator 中的样式属性失败，给出样式不存在的错误。我认为这与我的库未加载或我设置的环境有关。我在按钮或其他任何地方都没有风格。我假设如果我有导入它会起作用，但事实并非如此。

关于 SO 的相关问题在这里：QML - How to change TextField font size 但在这里它似乎只是工作。

【问题讨论】：

标签： qt qml qtquick2 qtquickcontrols2

【解决方案1】：

在 Qt Quick Controls 2 中，没有 TextField::style 这样的属性。一般来说，Qt Quick Controls 1 中的样式对象无法与 Qt Quick Controls 2 一起使用。Qt Quick Controls 的两个主要版本之间的 API 不兼容。有关详细信息，请参阅以下文档页面：

引入了一个新的与 API 不兼容的主要版本，因为基本上没有办法让 Qt Quick Controls 1 的大量基于 Loader 的架构运行得相当好。因此，Components 的所有动态加载都在 Qt Quick Controls 2 中被抛弃了。过去由动态加载的样式对象提供的 Components 动态实例化的委托现在成为控件的一部分，而是“就地”实例化”。本质上：

TextField {
    style: TextFieldStyle {
        textColor: "white"
        background: Rectangle { color: "black" }
    }
}

对比

TextField {
    color: "white"
    background: Rectangle { color: "black" }
}

您可以阅读更多关于历史的信息here。特别是，this post 强调了 Qt Quick Controls 2 中的基本结构变化。

【讨论】：