QML之TextInput组件

TextInput

TextInput组件用于显示一个可输入的单行文本框，并可以通过validator、inputMask或echoMode属性为其设置输入限制，还可以使用font属性设置输入的文本样式，它甚至还支持一些方法，如复制、粘贴、全选等。

import QtQuick

Rectangle {
    width: 400
    height: 400
    color: "#F7F7F7"

    TextInput {
        id: _textInput1
        x: 10
        y: 10
        width: 200
        height: 30
        focus: true
        text: "Hello, I am TextInput."
    }
}

通常情况下，一个QML界面里可能会包含多个文本框，TextInput组件支持使用KeyNavigation附加属性来实现键盘控制焦点的功能。

import QtQuick

Rectangle {
    width: 400
    height: 400
    color: "#F7F7F7"

    TextInput {
        id: _textInput1
        x: 10
        y: 10
        width: 200
        height: 30
        focus: true
        text: "Hello, I am TextInput."
        KeyNavigation.tab: _textInput2
    }

    TextInput {
        id: _textI