textInput 组件

文本输入框是游戏中经常会用到的一个 UI 组件，任何时候需要输入的时候都要使用到 laya.ui.textInput 类。

Package	laya.ui
类	public class TextInput
Inheritance	TextInput Label Component Sprite Node EventDispatcher Object
子类	TextArea

TextInput 类用于创建显示对象以显示和输入文本，常用 API 如下：

Property	Defined By
editable : Boolean 设置可编辑状态。	TextInput
focus : Boolean 表示焦点是否在此实例上。true 表示组件获得焦点，默认为 false。	TextInput
height : Number [override] 表示显示对象的高度，以像素为单位。注：当值为0时，高度为自适应大小。	TextInput
inputElementXAdjuster : int 设置原生input输入框的x坐标偏移。	TextInput
inputElementYAdjuster : int 设置原生input输入框的y坐标偏移。	TextInput
maxChars : int 字符数量限制，默认为10000。设置字符数量限制时，小于等于0的值将会限制字符数量为10000。	TextInput
multiline : Boolean 指示当前是否是文本域。值为true表示当前是文本域，否则不是文本域。文本域即 Text ，可以理解为 Html 中的 textArea	TextInput
prompt : String 设置输入提示符。	TextInput
promptColor : String 设置输入提示符颜色。	TextInput
restrict : String 限制输入的字符。	TextInput
sizeGrid : String 当前实例的背景图（ AutoBitmap ）实例的有效缩放网格数据。数据格式："上边距,右边距,下边距,左边距,是否重复填充(值为0：不重复填充，1：重复填充)"，以逗号分隔。例如："4,4,4,4,1"	TextInput
skin : String 对象的皮肤地址，以字符串表示。如果资源未加载，则先加载资源，加载完成后应用于此对象。注意：资源加载完成后，会自动缓存至资源库中。	TextInput
text : String [override] 当前文本内容字符串。	TextInput
type : String 输入框类型为Input静态常量之一。 TYPE_TEXT、TYPE_PASSWORD 、TYPE_EMAIL 、TYPE_URL、 TYPE_NUMBER、 TYPE_RANGE 、TYPE_DATE、 TYPE_MONTH、 TYPE_WEEK 、TYPE_TIME 、TYPE_DATE_TIME、 TYPE_DATE_TIME_LOCAL 平台兼容性参见http://www.w3school.com.cn/html5/html_5_form_input_types.asp。	TextInput
width : Number [override] 表示显示对象的宽度，以像素为单位。注：当值为0时，宽度为自适应大小。

Method	Defined By
TextInput(text:String) 创建一个新的 TextInput 类实例。	TextInput
destroy(destroyChild:Boolean = true):void [override] 销毁此对象。destroy对象默认会把自己从父节点移除，并且清理自身引用关系，等待js自动垃圾回收机制回收。destroy后不能再使用。 destroy时会移除自身的事情监听，自身的timer监听，移除子对象及从父节点移除自己。	TextInput
select():void 选中输入框内的文本。	TextInput

Method

Defined By

TextInput(text:String) 创建一个新的 TextInput 类实例。

TextInput

destroy(destroyChild:Boolean = true):void

[override] 销毁此对象。destroy对象默认会把自己从父节点移除，并且清理自身引用关系，等待js自动垃圾回收机制回收。destroy后不能再使用。 destroy时会移除自身的事情监听，自身的timer监听，移除子对象及从父节点移除自己。

TextInput

select():void 选中输入框内的文本。

TextInput

更多 API 请参考官网 API 地址：https://layaair.ldc.layabox.com/api/?category=UI&class=laya.ui.TextInput

编码示例

LayaAir 引擎版本为 2.0.0beat5 版本。

//单行文本输入框
let text_singleLineInput = function(){//创建文本输入框对象//构造器中的内容会直接显示在组件中当做实际内容，而并非提示内容let textInput = new Laya.TextInput("住址：");//wordWrap 表示文本是否自动换行，默认为false。 若值为true，则自动换行；否则不自动换行textInput.wordWrap = true;//此属性继承自父类 Label//width：[override] 表示显示对象的宽度，以像素为单位。 注：当值为0时，宽度为自适应大小。//height：[override] 表示显示对象的高度，以像素为单位。 注：当值为0时，高度为自适应大小。textInput.width = 300;textInput.height = 100;//设置组件显示的坐标位置，相当于分别设置x和y属性，继承自父类 SpritetextInput.pos(10,10);//文本背景颜色，以字符串表示。 继承自父类 LabeltextInput.bgColor = "#007ACC";//指定文本的字体大小（以像素为单位）。 默认为20像素，可以通过 Text.defaultSize 设置默认大小。 //继承自父类 LabeltextInput.fontSize = 22;//设置输入框默认获得焦点textInput.focus = true;Laya.stage.addChild(textInput);
};//多行文本输入框
let text_multiLineInput = function(){let textInput = new Laya.TextInput();textInput.fontSize = 22;textInput.bgColor = "#007ACC";textInput.width = 200;textInput.height = 100;textInput.x = 10;textInput.y = 120;textInput.wordWrap = true;//multiline：true 表示当前是文本域，支持多行输入textInput.multiline = true;//限制输入的最大字数为 50，超过时不再显示textInput.maxChars = 50;//输入框提示符，相当于 Html 的 placeholder 属性，当用户实际输入时，提示字符会消失textInput.prompt = "教育经历...";Laya.stage.addChild(textInput);
};//密码框
let text_passwordInput = function(){let textInput = new Laya.TextInput();textInput.width = 300;textInput.height = 100;textInput.pos(10,250);textInput.bgColor = "#007ACC";textInput.fontSize = 22;textInput.prompt = "密码";//设置文本输入框类型为 密码框，密码框内容不可见，laya.display.Input 中提供了各种类型textInput.type = Laya.Input.TYPE_PASSWORD;Laya.stage.addChild(textInput);
}//初始化引擎，指定舞台场景大小，浏览器如果不支持 WebGL ，则会自动切换为 Canvas
Laya.init(360,640,Laya.WebGL);//设置舞台背景颜色
Laya.stage.bgColor = "#474749";text_singleLineInput();
text_multiLineInput();
text_passwordInput();

可参考官网示例：

https://layaair.ldc.layabox.com/demo/?category=2d&group=Text&name=InputSingleline

https://layaair.ldc.layabox.com/demo/?category=2d&group=Text&name=InputMultiline

LayaAir textInput 单行输入多行输入相关推荐

牛客网JS（nodeJS）单行、多行输入和输出
nodeJS实现牛客网的输入和输出在牛客网上,用js做笔试的童鞋首先要做的事情就是学会如何输入和输出.否则就算看得懂题也无法通过笔试.话不多少,我们直接开始: 1.选择语言 2.单行输入 var r ...
牛客网js获取单行，多行输入
注意!输入得到的都是字符串 // 单行 var line = readline(); //获得的是一个字符串 //如果需要对其进行处理,比如 "1 2 3 4 5",我们想以数组形 ...
python 第一行包含一个整数n、表示行数_输入第一行输入一个整数n(1 = n = 100)表示测试样例个数接下来n行，一...
展开全部 #include #include #include #define STRLEN 100 void ifree(char**p,int i); int CheckAndChange(cha ...
c编程：输入一个数字n,则n代表n行,每行输入2个数字a,b计算每行的a+b问题。
输入第一行输入要计算的数据组数 n 接下来的 n 行,每行包括两个数a和b 输出每行输出一组数据中a+b的值例子输入 2 1 2 4 0 例子输出 3 4 代码: #include<std ...
moocpython123输入若干数、每行输入一个数值作业_MOOC嵩天@python123作业
练习4 整数加减和编写程序计算如下数列的值:‪‬‪‬‪‬‪‬‪‬‮‬‫‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‭‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‪ ...
【Python语言基础】——Python 命令行输入
Python语言基础--Python 命令行输入文章目录 Python语言基础--Python 命令行输入一.Python 命令行输入一.Python 命令行输入命令行输入 Python 允许 ...
echo 多行_Java中Scanner的用法：单行多行输入
-NO.2- Java的Scanner用法,主要用于算法笔试时的控制台输入,平时写程序一般不用Scanner,线上笔试的时候,各大公司热衷于Scanner输入.用LeetCode刷题也不会用到,结果多 ...
Python之input()函数用法，如何接收单行或多行的输入多个参数
单个输入函数语法: input() a = input() 单行多个输入函数语法: input().split() 其中split()内填写分隔符为什么(默认为空格) #输入三角形的三边长 a,b ...
微信小程序开发实战（9）：单行输入和多行输入组件
-----------支持作者请转发本文----------- 1. 单行输入组件(input) input组件用于录入单行文本,尽管input的基本功能是文本录入,但该组件的属性还是比较多的,也比 ...
Python接受外界输入（控制台单行输入、多行输入）
1.input()和sys.stdin.readline()区别 :sys.stdin.readline( )会将标准输入全部获取,包括末尾的'\n',因此用len计算长度时是把换行符'\n'算进去了 ...

LayaAir textInput 单行输入多行输入

textInput 组件

编码示例

LayaAir textInput 单行输入多行输入相关推荐

最新文章

热门文章