QML中TextField激活并填充后移除placeholderText的方法求助

针对这个问题，有两种实用的解决方式：

方法一：针对Qt Quick Controls 2的Material风格快速解决 #

如果你用的是Material风格的TextField，默认会把placeholderText转为浮动标签。只需禁用浮动属性，就能让placeholder仅在文本为空时显示在输入框内，不会变成标签：

import QtQuick.Controls 2.15
import QtQuick.Controls.Material 2.15

TextField {
    placeholderText: "请输入内容"
    Material.floating: false // 关闭浮动标签效果
}

方法二：自定义TextField样式（更灵活） #

如果需要更个性化的控制，可以重写TextField的样式，手动控制placeholder的显示条件，仅当文本为空时才显示：

import QtQuick.Controls 2.15

TextField {
    id: inputField
    placeholderText: "请输入内容"

    style: TextFieldStyle {
        placeholderColor: "#999"

        // 自定义背景样式（可选，按需求调整）
        background: Rectangle {
            color: inputField.focus ? "#e0e0e0" : "#f5f5f5"
            radius: 4
            border.color: inputField.focus ? "#2196F3" : "#ccc"
        }

        // 重写标签逻辑：仅当文本为空时显示placeholder
        label: Text {
            text: inputField.placeholderText
            visible: inputField.text.length === 0
            color: placeholderColor
            anchors.centerIn: parent
        }
    }
}

这两种方式都能实现你要的效果：当TextField激活且已有内容时，placeholderText不再显示。

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