QtQuick QML教程(11)：qml Textinput 、TextField、TextEdit、TextArea用法介绍

令狐掌门

已于 2025-01-21 13:46:56 修改

阅读量872

点赞数

CC 4.0 BY-SA版权

分类专栏： QtQuick QML入门进阶教程文章标签： qml Textinput qml TextField qml编辑框 TextArea TextEdit

于 2023-09-20 23:36:10 首次发布

本文链接：https://blog.csdn.net/yao_hou/article/details/133107393

QtQuick QML入门进阶教程专栏收录该内容

67 篇文章 ¥59.90 ¥99.00

订阅专栏

这篇博客介绍了Qt Quick中用于文本输入的控件，包括TextInput、TextField和TextEdit。TextInput是最基础的文本输入组件，没有边框，适合简单输入；TextField提供了完整的用户界面，支持密码输入和自定义样式；TextEdit则适用于多行文本编辑，具有丰富的功能，如撤销/重做。此外，还讲解了如何自定义光标和文本框样式。

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

在 Qt Quick 中，TextInput 和 TextField 都用于接收用户的文本输入，但它们之间存在一些差异。下面是关于它们的简要介绍和使用方法：

TextInput

TextInput 是 Qt Quick 中的一个简单的文本输入控件，它可以显示和编辑单行纯文本。它是低级别的，通常没有图形化的边框或其他装饰。

属性：

text: 显示的文本内容。
color: 文本颜色。
font: 定义字体属性。
cursorPosition: 光标的位置。
…等等。

示例：

import QtQuick
import QtQuick.Window

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    TextInput {
        x:100
        y:100
        width: 200
        text: "请输入内容"
        color: "black"
        font.pix

了解本专栏