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

Question

我有一个顶部有TextField的Image。当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属性。有关文档，请参阅此处。