QML基本可视化元素--TextInput

最新推荐文章于 2025-10-02 01:37:53 发布

原创最新推荐文章于 2025-10-02 01:37:53 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

QML 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了Qt Quick中TextInput组件的使用方法，包括其基本功能、属性设置如滚动显示、输入提示、显示模式及验证器等。通过示例代码展示了如何设置文本输入框的验证规则。

继承： Item

1. 用来显示单行的可编辑的纯文本，与Qt中的QLineEdit 很相似，用来接受一行文本输入

2. 滚动显示：autoScroll（true/false）宽度不够显示时的，滚动

3. 输入提示：placeholderText: qsTr(“提示”)

4. 输入显示（echoMode）

TextInput.Normal 正常显示

TextInput.Password 密码显示

TextInput.NoEcho 不显示

TextInput.PasswordEchoOnedit 输入时显示正常，输入完成后显示为密码

5. 验证器（validator）

整型验证器：IntValidator

非整形验证器：DoubleValidator

正则表达式验证器： RegExpValidator

import QtQuick 2.4

Rectangle{
    width: 200
    height: 200
    TextInput {
        anchors.centerIn: parent
        //限制输入范围为11到31
        //    validator: IntValidator{bottom:11; top:31}
        validator: RegExpValidator {regExp: /^[0-9]*$/}
        focus:true
    }
}