zoukankan      html  css  js  c++  java
  • NGUI_Input

    1、概述:

      凡是用户可以输入文本的地方,几乎都用输入框,有登录账号和密码、输入角色名称、输入聊天内容

    2、手动拼接输入框

    (1)、创建一个Sprite作为输入框的底板

    (2)、为输入框的底板附上UIInput组件   Attach-->InputField Scripts,在此之前要为其附加boxCollider

    (3)、创建一个Laber用来显示用户的输入信息,显示文字信息的都要添加Laber.

    (4)、将Label子物体拖到Input中的Label中即可。

    3、参数的解释

                            

    (1)、Label:设置用来显示 文本信息的Laber

    (2)、Starting Value:默认的输入文字

    (3)、Saved As:输入的内容在Player Pref中的哪个字段进行保存。

    (4)、Active Text Color:活动文本的颜色和透明度

    (5)、Inactive Color:不活动的文字颜色和透明度

    (6)、Caret Color :设定插入符的颜色和透明度

    (7)、Selection Color :选中的文本颜色和透明度

    (8)、Input Type:输入的l类型:

    (9)、KeyBoard Type :输入文本时。键盘的类型设定。

    (10)、Validation:验证

    (11)、Character Limit:可输入的最大字符限制,注意,一个汉字占用两个字符

    (12)、On Submit:提交输入内容是触发事件函数设定

    (13)、On Change:当输入内容改变时的触发事件函数设定

    4、注意事项

    • 输入框是无法显示文字的,必须借助于一个Laber来显示输入的文本。
    • 输入框中的字体是与其Laber中的字体类型
    • 输入框中的字体颜色如果发生冲入,则以输入框的字体颜色为主

    5、特殊情况,则会造成输入框无法显示文字

    1. 超出字数的范围了
    2. 输入的字符不符合验证类型
    3. 关联的Label设定的文字大小超出范围不显示
    4. 将文字设为全透明了
  • 相关阅读:
    数据结构之队列
    数据结构之循环链表-c语言实现
    数据结构之栈-c语言实现
    数据结构之栈
    vue v-model原理实现
    vue中使用mixins
    async和await
    vue组件中使用watch响应数据
    vue组件中使用<transition></transition>标签过渡动画
    react-motion 动画案例介绍
  • 原文地址:https://www.cnblogs.com/zhh19981104/p/8053686.html
Copyright © 2011-2022 走看看