InputField 输入框

🎯本节学习目标

• 掌握 InputField 创建
• 掌握读取输入
• 掌握输入事件

🚀课程导读

玩家登录、改名、填答案都要输入框。本课实现文字输入交互。

◆InputField 组件

创建与配置。

1. Hierarchy 右键 → UI → Input Field - TextMeshPro（推荐）。
2. 结构：InputField（根）→ Text Area → Placeholder（提示文字）+ Text（实际文字）。
3. 【Placeholder】提示“请输入…”的灰字；【Text】玩家输入后显示的黑字。
4. 【组件属性】
5. Content Type：内容类型（Standard 普通、Integer Number 整数、Password 密码等）。
6. Character Limit：最大字符数（0=不限）。
7. Line Type：Single Line（单行）/ Multi Line（多行）。
8. 【读取】tmpInput.text 返回当前输入内容（string）。
9. 【设置】tmpInput.text = "默认文字";
10. 【交互】interactable=false 禁用；readOnly 只读。
11. 【注意】TMP 的输入框组件是 TMP_InputField，别与旧版 InputField 混用。

◆实战：登录输入

读取并处理输入。

1. 创建 InputField（用户名）+ InputField（密码，Content Type=Password）。
2. 创建按钮“登录”。
3. 创建脚本 LoginManager：
4. public TMP_InputField nameInput; public TMP_InputField pwdInput;
5. public void OnLogin() {
6. string name = nameInput.text;
7. string pwd = pwdInput.text;
8. if (string.IsNullOrEmpty(name)) { Debug.Log("请输入用户名"); return; }
9. Debug.Log($"登录：{name} / {pwd}");
10. }
11. 把按钮 On Click 绑定 OnLogin。
12. 【数字输入】int.Parse(inputField.text) 前先 TryParse 判空判非法（第 49 课）。
13. 【回车提交】用 TMP_InputField.onSubmit.AddListener(OnSubmit)；或 onEndEdit 失焦时触发。
14. 【焦点】EventSystem 里 SetSelectedGameObject(inputField.gameObject) 让输入框自动聚焦。
15. 【注意】输入时游戏按键可能被触发（第 112 课冲突），用 EventSystem.current.currentSelectedGameObject 判断焦点。
16. 【验证】输入名字点登录，Console 打印。

⚠常见错误与排查

★动手练习

✓本节小结

InputField 已掌握。下一课学 Toggle 开关。