如何在 QML 中将 TextField 背景设置为与父图像背景相同

Question

我有一个 Image，上面有一个 TextField。当 TextField 获得焦点时，图像内容将发生变化。但是，这里的问题是TextField维护了自己的后台。我该如何解决这个问题？

这是我的代码：

 Image{
        width: 100
        height: 30
        anchors.centerIn: parent
        TextField {
            id: password_text
            height: 20
            width:80
            font.family: "Helvetica"
            placeholderText: "Password"
            anchors.centerIn: parent
            clip: true
            horizontalAlignment: TextEdit.Center
            echoMode: TextField.Password
            anchors {
                left : parent.left
                right : parent.right
            }
        }
    }

Answer 1

您可以使用 TextFieldStyle。示例如下

TextField {
    style: TextFieldStyle {
        textColor: "black"
        background: Item {
                    opacity: 0
        }
    }
}

您可以根据需要替换 background 属性。有关文档，请参阅 here。

如何在 QML 中将 TextField 背景设置为与父图像背景相同

How to set TextField background same as parent Image background in QML

qt

qml

qt-quick