Quick QML输入框详解

Quick QML输入框详解

在Qt Quick中，TextInput和TextField是两种主要的用户输入控件。它们都可以让用户输入纯文本或格式化文本，并且支持文本编辑、光标移动和选择等功能。下面我们详细介绍这两个控件的使用方法。

1. TextInput
   TextInput是一个简单的单行文本输入控件。下面是一个基本的例子：

import QtQuick 2.0

Item {
    width: 200
    height: 40

    TextInput {
        anchors.centerIn: parent
        placeholderText: "Type something here"
    }
}

上面的代码创建了一个宽度为200，高度为40的矩形区域，并在其中放置了一个TextInput控件。placeholderText属性设置了一个提示文本，当文本框为空时显示。

TextInput还有很多其他的属性，比如text属性可以设置和获取文本框中的文本、readOnly属性可以设置文本框是否只读等等。下面是一个更完整的例子，演示了TextInput的一些常用属性：

import QtQuick 2.0

Item {
    width: 200
    height: 80

    TextInput {
        id: textInput
        anchors.centerIn: parent
        placeholderText: "Type something here"
        font.pixelSize: 16
        color: "black"
        selectionColor: "gray"
        selectedTextColor: "white"