输入框

文本输入框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: 提示组件引用

API

InputField API

Demo

InputField Demo

results matching ""

    No results matching ""