qml Textinput 、TextField、TextEdit、TextArea用法介绍

在 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.pixelSize: 16
        onTextChanged: {
            console.log("文本变化了!")
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

运行结果：