Unity UGUI InputField 中文详解-Chinar_unity inputfield选中态

Chinar blog ：www.chinar.xin

Unity UGUI 完整系列教程 (Chinar中文图解)

Unity UGUI InputField组件

---

Chinar 教程效果：

---

---

全文高清图片，点击即可放大观看 (很多人竟然不知道)

---

1

Presentation —— 介绍

• InputField 组件是一个用来管理输入的组件
• 我们通常用来输入用户的账号，密码，或者聊天时输入文字,等等输入逻辑…

1.1 Attribute —— 属性

我们创建一个 InputField 组件看一下它的属性：

在 Unity 的 Hierarchy 面板上右键–>UI–>InputField


选中创建的 InputField 对象，可以看到它的子物体有两个 Text对象

• Placeholder ：用来提示用户的占位符
• Text ：用来输入内容

然后我们看 Input Field 属性

下面看一下每个属性的详细功能

---

1.2 Content Type —— 内容类型

---

1.2.1 Line Type —— 行类型

---

1.2.2 Custom —— 自定义

使用此选项，我们可以完全按照我们的需求来自定义输入逻辑、用户输入方式

• Line Type 上面介绍过了，这里来介绍下面的三个选项
• Input Type 与 Character Vlidation 中的内容在 Content Type 中包含，不再解释
• Keyboard Type：它可以在用户选中输入框时，调出不同类型的键盘

---

2

Exemple —— 例子

我们来实现一个小 Demo：获取用户的账号密码：简单的搭建一个用户输入界面

• 两个 InputField 输入框分别命名： Account 和 Password

• 一个 Button 按钮

我们将密码的输入框的Content Type 改为 Password

为了测试：创建一个脚本挂在到相机上

using UnityEngine;
using UnityEngine.UI;


public class ChinarInputField : MonoBehaviour
{
    public InputField Account;//账号输入框
    public InputField Password;//密码输入框

    /// <summary>
    /// 初始化输入框
    /// </summary>
    void Start()
    {
        Account = GameObject.Find("Account").GetComponent<InputField>();
        Password = GameObject.Find("Password").GetComponent<InputField>();
    }

    /// <summary>
    /// 绑定到登录按钮上
    /// </summary>
    public void Login()
    {
        print("账号："+Account.text+"  密码："+Password.text);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

运行后，打印输出：

至此：您已完美征服了 UGUI - InputField

其他组件请继续学习，贴心的 Chinar 为您准备了 UGUI 全套教程

---

Unity UGUI 完整系列教程 (Chinar中文图解)

---

支持

May Be —— 开发者，总有一天要做的事！

---

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)

Chinar 免费服务器、建站教程全攻略！( Chinar Blog )

---

---

END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址