uGUI练习(八) InputField

InputField 文本输入组件,本文练习InputField的属性及事件

一、属性

image

1、Character Limit

限制字符长度(0表示不限制),比如:设置只能输入3个字符(中文,英文,数字,符号都按1个字符来算),如下图所示

imageimageimageimage

2、Multi Line:多选显示

3、validation:验证输入类型

image

4、keyboardType:键盘类型

image

二、事件

1. onSubmit

当文本框提交时触发这个事件

2. onValidateInput

当在验证字符串是触发这个事件,可以用来当输入错误时及时提示

3. 函数列表

image

image

三、Submit练习

1、创建一个Panel,在Panel下创建一个InputField,两个Text,如下图所示

imageimage

2、设置InputFileld的Anchor为Bottom Center,其中一个Text命名为TextField,并把它设为 Stretch,并一个Text Anchor为Top Center

InputField练习代码

3、创建InputFieldScene.cs ,代码如下:

using UnityEngine;
using UnityEngine.UI;
using System.Collections;

public class InputFieldScene : MonoBehaviour {
    [SerializeField]
    private InputField inputField;
    [SerializeField]
    private Text textField;

    void Awake()
    {
        inputField.validation = InputField.Validation.Name;
        inputField.keyboardType = TouchScreenKeyboardType.Default;
    }

    void Start()
    {
        inputField.onSubmit.AddListener(OnSubmit);
    }

    void OnSubmit(string text)
    {
        textField.text = textField.text + "\n\t\t\t\t" + text;
        inputField.value = "";
    }
}

其中上面的代码主要部分是在 OnSubmit(string text) 函数,就是 回车 提交事件。

4、把InputFieldScene绑定在InputField上,设置好参数

四、Submit效果

InputField

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值