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


本文转自赵青青博客园博客,原文链接:http://www.cnblogs.com/zhaoqingqing/p/3974561.html,如需转载请自行联系原作者



相关文章
|
6月前
|
开发工具 图形学
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
480 0
|
编解码
unity3dUGUI之UI粒子特效自适应缩放
using UnityEngine; using System.Collections; using System.Collections.Generic; public class UIParticleScale : MonoBehaviour...
1594 0
UGUI系列-实现进度条效果(Unity3D)
今天分享一个UGUI 图片实现进度条动画的方法,配合上资源异步加载,可以作为场景加载动画
UGUI系列-Dropdown控件研究(Unity3D)
Dropdown下拉列表,控件还是很强大的,做UI的时候用的比较多,现在就将Dropdown使用中的一些经验总结起来,分享给大家了
实现圆形进度条(Unity3D)
今天分享一个制作圆形进度条的方法,原教程比较繁琐,这里给精简一下,更适合于新手
|
前端开发
UGUI系列-屏幕自适应多分配率适配(Untiy3D)
1、Canvas的属性配置 2、Canvas Scaler的属性配置 3、根据不同的屏幕的比例动态修改缩放基准
|
C#
WPF实现左右移动(晃动)动画效果
原文:WPF实现左右移动(晃动)动画效果 实现控件或布局的左右移动(晃动)主要用到DoubleAnimation以及Storyboard 布局代码为: ...
1591 0
|
索引
Unity3dUGUI图片循环轮播效果
测试.gif 参数 using UnityEngine.UI; using UnityEngine.EventSystems; using System; using UnityEngine; /// /// 图片轮播组件 ...
4067 0