青瓷引擎UI组件怎么用之输入框

青瓷引擎的文本输入框组件该怎么用阿？不懂莫慌！且听绿盟小弟道来，一篇「青瓷引擎UI组件怎么用之输入框」为您解答：

文本输入框qc.InputField用于显示并可输入文本。
输入框构成

从主菜单(游戏对象/输入框)或工具条上创建输入框对象，得到如下的输入框对象结构：

InputField: 输入框InputField对象，其继承于UIImage，作为背景图
Text: 文本UIText对象，用于显示输入的文本内容。输入框的textComponent属性
Placeholder: 文本UIText对象，用于在Text对象内容为空时，显示提示信息。输入框的placeholder属性

通过如下代码可实现和编辑器上创建输入框同样的效果：

var node = new qc.InputField(game, parent);
node.texture = game.assets.find('__builtin_resource__');
node.frame = 'button.png';
node.imageType = qc.UIImage.IMAGE_TYPE_SLICED;
node.textComponent.fontSize = 18;
node.placeholder.fontSize = 18;
输入框属性

Text: 本文内容，node.textComponent.text = 'QICI Engine';
Placeholder Text: 提示文本内容，node.placeholder.text = 'Enter Text...';
State 输入框的state属性具有以下几种状态：
qc.UIState.NORMAL - 正常状态
qc.UIState.PRESSED - 按下状态
qc.UIState.DISABLED - 不可编辑状态
Character Limit: 输入框可输入字符限制，node.characterLimit = 6;
LineType: 输入框行类型，node.lineType = qc.InputField.SINGLE_LINE;
qc.InputField.SINGLE_LINE: 单行输入框
qc.InputField.MULTI_LINE: 多行输入框
Content Type: 内容类型，node.contentType = qc.InputField.PASSWORD;
qc.InputField.STANDARD: 标准类型
qc.InputField.INT: 整数类型
qc.InputField.NUMBER: 浮点数类型
qc.InputField.TEL: 电话号码类型
qc.InputField.EMAIL: 邮箱地址类型
qc.InputField.PASSWORD: 密码类型
Text Component: 文本组件引用
Placeholder: 提示组件引用

文章来自绿盟(xDowns.com)转载请注明来路。

青瓷引擎 1.0.7 官网最新版 - HTML5小游戏开发工具

青瓷引擎UI组件怎么用之输入框

文章正文

相关文章

相关软件