如何将样式应用于 QML 中的 TextField?看起来很“风格"属性不可用 [英] How do I apply the style to a TextField in QML? It seems "style" attribute isn't available
问题描述
我正在尝试将一些样式应用于我正在开发的新 qt 5.7 应用程序，但以下内容根本不起作用.它给出了错误:qrc:/SignInView.qml:67 无法分配给不存在的属性样式"出于同样的原因，我无法在设计模式下对其进行编辑.
I am trying to apply some styles to a new qt 5.7 application I am working on and the following is not working at all. It gives the error: qrc:/SignInView.qml:67 Cannot assign to non-existent property "style" And I can't edit it in design mode for the same reasons.
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
}
}
}
}
}
}
我一直在尝试遵循这个例子:
I have being trying to follow this example:
http://doc.qt.io/qt-5/qml-qtquick-controls-styles-textfieldstyle.html
它在 Qt Creator 中的样式属性失败，给出样式不存在的错误.我认为这与我的库未加载或我设置的环境有关.我在按钮或其他任何地方都没有风格.我假设如果我有导入它会起作用，但事实并非如此.
It fails at the style attribute in the Qt Creator giving the error that style doesn't exist. I assume it's something with my libraries not loading or maybe the environment I have setup. I don't have style in buttons or anywhere else either. I assumed if I had the imports it would work but it's not.
关于 SO 的相关问题在这里:QML - How to change TextField font尺寸但在这里它似乎只是工作.
A related issue on SO is here: QML - How to change TextField font size But here it seems to just work.
推荐答案
在Qt Quick Controls 2中，没有TextField::style这样的属性.一般来说，Qt Quick Controls 1 中的样式对象无法与 Qt Quick Controls 2 一起使用.两个主要版本的 Qt Quick Controls 之间的 API 不兼容.有关详细信息，请参阅以下文档页面:
In Qt Quick Controls 2, there is no such property as TextField::style. In general, there is no way to use the style objects from Qt Quick Controls 1 with Qt Quick Controls 2. The APIs between the two major versions of Qt Quick Controls are not compatible. See the following documentation pages for more details:
引入了一个新的与 API 不兼容的主要版本，因为基本上没有办法让 Qt Quick Controls 1 的大量基于 Loader 的架构运行得相当好.因此，所有 Components 的动态加载都在 Qt Quick Controls 2 中被抛弃了.过去从动态加载的样式对象提供的 Components 动态实例化的委托现在改为相反，控件的一部分就地"实例化.本质上:
A new API-incompatible major version was introduced, because there is basically no way to make the heavily Loader-based architecture of Qt Quick Controls 1 perform reasonably well. Therefore all that dynamic loading of Components was ditched in Qt Quick Controls 2. The delegates that used to be dynamically instantiated from Components provided by a dynamically loaded style object are now part of the control instead, instantiated "in place". In essence:
TextField {
style: TextFieldStyle {
textColor: "white"
background: Rectangle { color: "black" }
}
}
对比
TextField {
color: "white"
background: Rectangle { color: "black" }
}
您可以在这里阅读更多关于历史的信息.特别是 这篇文章 的亮点Qt Quick Controls 2 中的基本结构变化.
You can read more about the history here. In particular, this post highlights the fundamental structural changes in Qt Quick Controls 2.
这篇关于如何将样式应用于 QML 中的 TextField?看起来很“风格"属性不可用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
