TextArea / TextField QML Type

最新推荐文章于 2025-05-07 16:49:36 发布

NGC_2070

最新推荐文章于 2025-05-07 16:49:36 发布

阅读量324

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # QT

本文链接：https://blog.youkuaiyun.com/baidu_41388533/article/details/118465137

QT 专栏收录该内容

110 篇文章

订阅专栏

本文介绍了Qt Quick Controls 2中用于输入文本的两种组件：TextArea和TextField。TextArea适用于多行文本输入，例如日志或备注，其示例展示了设置占位文本。而TextField则适用于单行文本输入，例子中展示了自定义背景颜色和边框的实现。这两个组件在用户界面设计中扮演重要角色，提供便捷的文本交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TextArea QML Type

参考网址：https://doc.qt.io/qt-5/qml-qtquick-controls2-textarea.html
属性：

示例1
TextArea {
    placeholderText: qsTr("Enter description")
}
示例2
ScrollView {
    id: view
    anchors.fill: parent

    TextArea {
        text: "TextArea\n...\n...\n...\n...\n...\n...\n"
    }
}

TextField QML Type

参考网址：https://doc.qt.io/qt-5/qml-qtquick-controls2-textfield.html

示例

import QtQuick 2.12
import QtQuick.Controls 2.12

TextField {
    id: control
    placeholderText: qsTr("Enter description")

    background: Rectangle {
        implicitWidth: 200
        implicitHeight: 40
        color: control.enabled ? "transparent" : "#353637"
        border.color: control.enabled ? "#21be2b" : "transparent"
    }
}