UG2L8——Input输入框控件

Input

输入框，可以用来制作账号密码聊天输入框

本章代码关键字

1
2
3
4
UIInput                                        //NGUI的输入框类
uiInput.value                                  //input当前的输入文字的值
uiInput.onChange.Add(new EventDelegate())      //当输入文字改变时添加监听函数
uiInput.onChange.Add(new EventDelegate())      //当输入完成时添加监听函数

制作Input

  1. 1个Sprite做背景，1个Label显示文字
  2. 为Sprite添加Input脚本
  3. 添加碰撞器

参数相关

​image​

  • Label - 关联的文本组件

  • Starting Value - 开始默认显示的内容

  • Saved As

    • 若此处填写内容
      会使用PlayerPrefs将输入内容作为
      此处填写的该key的值进行存储
      一般不使用

  • ActiveTextColor - 选中激活时颜色

  • Inactive Color - 未选中失活时颜色

  • Caret Color - 插入光标的颜色

  • Selection Color - 选中文字的背景颜色

  • InputType - 输入类型

    • ​image​
    • 默认模式
    • 自动更正
    • 密码输入（输入内容看不到）

  • Validation - 输入限制

    • ​image​
    • None：无限制
    • Integer：只能输入整形
    • Float：可以输入浮点数
    • Alphanumeric：只能是数字和字母
    • Username：用户名
    • Name：姓名
    • Filename：文件名

  • Mobile Keyboard - 手机键盘模式

    • ​image​
    • 英文
    • 数字符号
    • 连接
    • 数字
    • 手机
    • 名字
    • 邮箱地址

  • Hide Input - 键盘下 隐藏输入框

  • On Return Key - 完成键（回车键）做什么操作

    • 默认操作
    • 结束输入
    • 换行

  • Character Limit - 最大可输入字符数

  • OnSubmit - 输入完成时响应脚本

  • OnChange - 输入变化时响应脚本

监听事件的两种方式

1.拖脚本

2.代码获取对象监听

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public UIInput uiInput;

void Start()
{
    uiInput.onSubmit.Add(new EventDelegate(() =>
    {
        print("通过代码添加的监听函数：完成输入");
    }));

    uiInput.onChange.Add(new EventDelegate(() =>
    {
        print("通过代码添加的监听函数：输入变化");
    }));
}
public void OnSubmit()
{
    print("输入完成：" + uiInput.value);
}

public void OnChange()
{
    print("输入变化：" + uiInput.value);
}