ngui控件之Input 输入框

对于学习过 NGUI 的开发者而言，对其中的各类控件想必已较为熟悉。然而，对于刚接触 NGUI 的新手来说，掌握这些控件并非易事。今天，我们就来详细了解 NGUI 的一个重要控件——Input 输入框。

创建输入框

在 NGUI 3.5 版本中，创建控件推荐使用【搜索】后【拖拽】的方式，具体步骤如下：

1. 搜索控件：在 Project 面板中搜索“Control”，此时会显示出 NGUI 的一系列控件。
2. 拖拽控件到层级面板：从搜索结果里找到 Simple Input Field，将其拖拽到层级面板中。这里我们把它直接拖拽到 UI Root 下面。完成这一步后，在 Game 视图中就能看到该控件。
3. 美化输入框：默认样式的输入框可能无法满足美术设计的要求，因此需要替换其样式，实际上就是为控件更换底图。选中输入框后，在 Inspector 面板中更改 Atlas 和 Sprite 来修改底图。若对如何建立 Atlas 和 Sprite 不太清楚，可查阅相关资料进一步学习。
4. 更改输入框的字体：若要使用自定义字体，需将制作好的字体进行设置。若对字体制作过程不了解，可参考相关教程。
5. 调整文字在输入框中的位置：在定义好字体和字体大小后，可能会发现文字在输入框中不居中，出现偏移的情况。此时可通过以下两种方法进行调整：
   • 方法一：在 Label 下调整 Anchors。
   • 方法二：将 Anchors 的 Type 设置为 None，然后通过 Transform 来进行调整。
6. 测试输入效果：完成上述设置后，运行项目，测试输入框的输入效果。

输入框使用注意事项

在使用输入框时，有以下几点需要特别注意：

1. 中文显示问题：若未使用自定义字体，输入中文时可能会显示为透明（空白），无法正常显示。
2. 字体显示范围：当输入的字体超过输入框的大小时，超出部分将无法显示。
3. Draw Call 问题：使用动态字体时，会增加 Draw Call，可能会对性能产生一定影响。
4. 手机端输入：在手机设备上，点击输入框后，系统会自动调用手机的虚拟键盘，用户可通过虚拟键盘进行输入操作。