TextField实用大全

Easter79
• 阅读 435

介绍
TextField 是Qt Quick Components 中用于输入和显示单行文本的控件,通过对其属性的设置,可以实现一些特定的功能,如对输入文本的限制,拼写检查等。下文将具体介绍一些特定功能的实现。
特定功能的具体实现TextField实现密码输入
需要设置其echoMode属性和inputMethodHints属性,具体QML代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
placeholderText: "Password field"
echoMode: TextInput.Password
inputMethodHints: Qt.ImhNoAutoUppercase | Qt.ImhNoPredictiveText
}

TextField实现输入字符的限制
需要设置其validator 属性,具体QML代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
placeholderText: "Value between 0 and 100 (mandatory field)"
validator: IntValidator{bottom: 0; top: 100;}
inputMethodHints: Qt.ImhDigitsOnly | Qt.ImhNoPredictiveText
}
注:输入的字符只能为0到100的整数TextField实现拼写检查
需要设置其errorHighligh属性,具体代码如下:
TextArea
{
anchors {left: parent.left; right: parent.right;}
placeholderText: "Error highlight when more than 5 characters"
errorHighlight: text.length > 5
}
注: 当输入字符长度大于5,并且有拼写错误时,TextArea将显示红框
TextField实现输入无联想记忆
需要设置其inputMethodHints属性,具体代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
inputMethodHints: Qt.ImhNoPredictiveText
}

TextField实现默认输入法为数字
需要设置其inputMethodHints属性,具体代码如下
TextField{
anchors {left: parent.left; right: parent.right;}
inputMethodHints: Qt.ImhDigitsOnly | Qt.ImhNoPredictiveText
}

TextField实现默认输入法为大写字母
需要设置其inputMethodHints属性,具体代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
inputMethodHints: Qt.ImhUppercaseOnly
}

TextField实现EMAIL输入
需要设置其inputMethodHints属性,具体代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
inputMethodHints: Qt.ImhNoAutoUppercase | Qt.ImhEmailCharactersOnly | Qt.ImhNoPredictiveText
}

TextField实现PhoneNumber输入
需要设置其inputMethodHints属性,具体代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
inputMethodHints: Qt.ImhDialableCharactersOnly | Qt.ImhNoPredictiveText
}

TextField实现URL输入
需要设置其inputMethodHints属性,具体代码如下:
TextField{
anchors {left: parent.left; right: parent.right;}
inputMethodHints: Qt.ImhNoAutoUppercase | Qt.ImhUrlCharactersOnly | Qt.ImhNoPredictiveText
}

点赞
收藏
评论区
推荐文章
浩浩 浩浩
2年前
【Flutter实战】输入框和表单
3.7输入框及表单Material组件库中提供了输入框组件TextField和表单组件Form。下面我们分别介绍一下。3.7.1TextFieldTextField用于文本输入,它提供了很多属性,我们先简单介绍一下主要属性的作用,然后通过几个示例来演示一下关键属性的用法。dartconstTextField({...
艾木酱 艾木酱
5个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Stella981 Stella981
1年前
AutoCAD神器! AutoCAD自动切换中英文输入法插件(ZDSRF)
AutoCAD神器!AutoCAD自动切换中英文输入法插件(一)功能特点:CAD命令中只能输入英文字符,不能输入中文,在文字编辑、文字输入、尺寸编辑中经常需要输入中文,此时就需要频繁的切换输入法,不仅经常引起错误,而且严重影响工作效率。本软件可以实现在需要输入中文时自动切换成中文输入法,输入完毕后再自动切换为英文输入法,具体功能如下
Stella981 Stella981
1年前
Python中Selenium选择日期(选择日历控件)的方法
1.日历控件中,年月日,一个一个的点击,灵活性太差,稳定性也差通过检查元素,日历空间就是一个文本输入框,可以用send\_keys检查元素2.发现标签中存在readonly属性,这是一个只读标签_不能进行输入(如果可以直接再日期输入框进行输入,就不需要2、3、4步骤啦,直接操作第5步骤)___3.所以,我们只需要删除readonly
Wesley13 Wesley13
1年前
Android中_TextView属性的XML详解 包括单行显示等等。
<prename"code"class"html"属性名称描述android:autoLink设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web/email/phone/map/all)android:autoText如果设置,将自动执行输入值的拼写纠正。此
Stella981 Stella981
1年前
C#的TextBox的四种禁止编辑方法
前言一般而言,Textbox中有两个属性可以对其进行防止编辑的设定,这是最基础的知识,也是我要提出的前两种方法。而后两种方法实际为一种,但可以应用于不同环境中。一、ReadOnly属性这样设置,Textbox控件则限制不能输入,但可以读取已有文本,样式也与正常使用的Textbox一致。1、在前端设置Readonly为true,样式如下:
Stella981 Stella981
1年前
Category 特性在 iOS 组件化中的应用与管控
背景iOSCategory功能简介Category是ObjectiveC2.0之后添加的语言特性。Category就是对装饰模式的一种具体实现。它的主要作用是在不改变原有类的前提下,动态地给这个类添加一些方法。在ObjectiveC(iOS的开发语言,下文用OC代替)中的具体体现为:实例(类)方法、属性和协
Easter79 Easter79
1年前
Spring事件机制之ApplicationListener与ApplicationEvent 一、一些概念 二、spring事件机制
一、一些概念 事件是可以被控件识别的操作,如按下确定按钮,选择某个单选按钮或者复选框。每一种控件有自己可以识别的事件,如窗体的加载、单击、双击等事件,编辑框(文本框)的文本改变事,等等。事件有系统事件和用户事件。系统事件由系统激发,如时间每隔24小时,银行储户的存款日期增加一天。用户事件由用户激发,如用户点击按钮,在文本框中显示特定的文
Wesley13 Wesley13
1年前
#pragma命令详解
每种C和C的实现支持对其宿主机或操作系统唯一的功能。例如,一些程序需要精确控制超出数据所在的储存空间,或着控制特定函数接受参数的方式。pragma指示使每个编译程序在保留C和C语言的整体兼容性时提供不同机器和操作系统特定的功能。编译指示被定义为机器或操作系统特定的,并且通常每种编译程序是不同的。语法:pragmatoken\_strin
helloworld_28799839 helloworld_28799839
6个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue