Flutter TextField 文本输入框的基本属性及详解

作者&投稿:星脉 (若有异议请与网页底部的电邮联系)
~

源码分析:

分析源码可得,TextField 是有状态 StatefulWidget,有丰富的属性,自定义化较高,实践中需要合理利用各种回调;

1、光标的相关属性;cursorColor 为光标颜色,cursorWidth 为光标宽度,cursorRadius 为光标圆角;其中 Radius 提供了 circle 圆角和 elliptical 非圆角两种;

2、textAlign 为文字起始位置,可根据业务光标居左/居右/居中等;注意只是文字开始方向;textDirection 问文字内容方向,从左向右或从右向左;

3、maxLength 为字符长度,设置时默认是展示一行,且右下角有编辑长度与整体长度对比;与 maxLengthEnforced 配合,maxLengthEnforced 为 true 时达到最大字符长度后不可编辑;为 false 时可继续编辑展示有差别;

4、设置 maxLength 之后右下角默认有字符计数器,设置 TextField.noMaxLength 即可只展示输入字符数;

5、maxLines 为允许展现的最大行数,在使用 maxLength 时内容超过一行不会自动换行,因为默认 maxLines=1,此时设置为 null 或固定展示行数即可自动换行;区别在于 null 会展示多行,而 maxLines 最多只展示到设置行数;

6、obscureText 是否隐藏编辑内容,常见的密码格式;

7、enableInteractiveSelection 长按是否出现【剪切/复制/粘贴】菜单;不可为空;

8、keyboardAppearance 为键盘亮度,包括 Brightness.dark/light 两种,但仅限于 iOS 设备;

9、textCapitalization 文字大小写;理论上 sentences 为每句话第一个字母大写;characters为每个字母大写;words 为每个单词首字母大写;但该属性仅限于 text keybord,和尚在本地更换多种方式并未实现,有待研究;

10、keyboardType 为键盘类型,和尚理解整体分为数字键盘和字母键盘等;根据设置的键盘类型,键盘会有差别;

a. 数字键盘
--1-- datetime 键盘上可随时访问 : 和 /;
--2-- phone 键盘上可随时访问 # 和 *;
--3-- number 键盘上可随时访问 + - * /

b. 字母键盘
--1-- emailAddress 键盘上可随时访问 @ 和 .;
--2-- url 键盘上可随时访问 / 和 .;
--3-- multiline 适用于多行文本换行;
--4-- text 默认字母键盘;

11、textInputAction 通常为键盘右下角操作类型,类型众多,建议多多尝试;

12、autofocus 是否自动获取焦点,进入页面优先获取焦点,并弹出键盘,若页面中有多个 TextField 设置 autofocus 为 true 则优先获取第一个焦点;

13、focusNode 手动获取焦点,可配合键盘输入等减少用户操作次数,直接获取下一个 TextField 焦点;

14、enabled 设为 false 之后 TextField 为不可编辑状态;

15、decoration 为边框修饰,可以借此来调整 TextField 展示效果;可以设置前置图标,后置图片,边框属性,内容属性等,会在后续集中尝试;若要完全删除装饰,将 decoration 设置为空即可;

16、inputFormatters 为格式验证,例如原生 Android 中通常会限制输入手机号或其他特殊字符,在 Flutter 中也可以借此来进行格式限制,包括正则表达式;使用时需要引入 package:flutter/services.dart;

a. LengthLimitingTextInputFormatter 限制最长字符;

b. WhitelistingTextInputFormatter 仅允许输入白名单中字符;如 digitsOnly 仅支持数字 [0-9];

c. BlacklistingTextInputFormatter 防止输入黑名单中字符;如 singleLineFormatter 强制输入单行;
分析源码 RegExp("[/]") 可以设置正则表达式;

17、onChanged 文本内容变更时回调,可实时监听 TextField 输入内容;

18、controller 文本控制器,监听输入内容回调;

19、onTap 点击 TextField时回调;

20、onEditingComplete 在提交内容时回调,通常是点击回车按键时回调;

21、onSubmit 在提交时回调,不可与 onEditingComplete 同时使用,区别在于 onSubmit 是带返回值的回调;

问题小结:

当 TextField 设置 enableInteractiveSelection 属性后长按会出现菜单,默认为英文,可通过设置 Flutter 国际化来处理;

(1)在 pubspec.yaml 中集成 flutter_localizations;

2)在 MaterialApp 中设置本地化代理和支持的语言类型;

(1)将 maxLength 设置为 null 仅使用 LengthLimitingTextInputFormatter 限制最长字符;

(2)设置 InputDecoration 中 decoration 属性为空;但是底部有空余,只是隐藏而并非消失;




望花区15071874284: java中Label、TextField是做什么的? -
木养胆康: AWT组件,Label用来装载一个字符串.TextField是一个文本框.例如你创建一个Frame类的对象,向其内添加一个TextFiled对象,那么窗口中就有了一个文件框了.Label是用来说明文件框等组件的!例如在文本框前面显示用户名三个字,你就...

望花区15071874284: Flash的[变量名]与[实例名称.text]之间的数值转换 -
木养胆康: 楼主数据类型搞混了. .text是textfield的一个属性,他的数据类型是string, 你可以理解为文本或者字符串,当两个字符串相加的时候其实是做了文本操作:"1" + "1" = "11",而数字运算的各项应该是int/uint/number类型,所以你应该把string转换成以上任何一种数字类型再进行数学运算.设结果变量为c: var c:int; c = int( a.text ) + int( b.text ); 这样你trace(c)的结果就是2了.

望花区15071874284: TextField问题 -
木养胆康: 一般文本区getText()得到的都是 String 类型 只有一个例外 那就是JPasswordField 它的getText()方法已经禁止使用了(为了安全) 取代的是getPassword() 但是这个方法返回的不是String了 而是char[] 字符数组 如果你要对输入的东西进行验证 (密码框本来就是取值验证) 那就用 String a=new String(m.getPassword()); a就是JPasswordField中输入的内容 因为 String的构造方法中 有一个是以字符数组做参数的

望花区15071874284: 如何获取textfield数值
木养胆康: [button addTarget:self action:@selector(getTextValue:) forControlEvents:UIControlEventTouchUpInside];-(void)getTextValue:(id)sender { NSString *one = yourtextfield.text; NSString *two = yourtextfield2.text;}

望花区15071874284: 如何判断一个textField内没有输入内容 -
木养胆康: TextField获取输入的数据,可以使用TextField.getText().trim(); 其中getText()是获得文本,trim()是用来去掉文本前后的空字符的.TextField的其他操作可以查看JDK提供的API查看.

望花区15071874284: 如何判断textfield的值是否为空 -
木养胆康: tf.getText().length()如果上面那个不行,你就用:tf.getText().trim().length()

望花区15071874284: java中如何输出文字到textField中 -
木养胆康: 你只要使用 xx.setText("文字"); 就可以把文字输出到 textField 中了,比如: private JTextField CurrentScore; //定义 CurrentScore = new JTextField("0"); //在一个方法中初始化,初始设置了一个值:0 /** * 然后又经历了一些其他的操作,现在我们手动给它设置一个一句话 * * */ CurrentScore.setText("这是新的分数:100");

望花区15071874284: 哪位大神知道textField怎么设置text的文字间距 -
木养胆康: 添加一个字符描述即可 NSDictionary *attrsDictionary =@{ NSFontAttributeName: self.textField.font, NSKernAttributeName:[NSNumber numberWithFloat:10.0f]//这里修改字符间距 }; self.textField.attributedText=[[NSAttributedString alloc]initWithString:text attributes:attrsDictionary]; 望采纳

望花区15071874284: 如何用获取textField中的字符串 -
木养胆康: 获取textField中的字符串方法: 两个代理方法 : 一个是点击return 缩回键盘,还有一个是对textField的输入进行监听 前提是需要对textField进行代理监听 //UITextFieldDelegate - (BOOL)textFieldShouldReturn:(UITextField *)textField; { //用户结束...

望花区15071874284: Unity3d文本域(textfield)的问题 -
木养胆康: System.Convert.ToInt32(),括号里填string类型的 至于editor gui的intfield,那是编辑器类,发布游戏无法看到的,只能在编辑器中使用,是方便开发实现的编辑器扩展

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网