如何设置自定义取名输入框
发表时间: 2021-09-27 17:51:47 阶段:高级 分类:实例应用

一、素材准备
制作前需要准备的图片:

输入框底图。(由于高级界面的输入框默认是无背景透明的,为了让作品中更好的捕捉到输入框的位置以及输入光标,我们需要准备一张突出输入框位置的底图)
 
 
二、具体步骤
将底图素材上传到客户端背景素材分类,应用到第一个剧情中作为背景,我们就可以开始制作了。
1.点击左上方的高级界面,再点击新增界面
 
2.在组件库点击添加高级界面
 
3.在弹出的提示中,选择输入框,点击确定。我们就得到了一个输入框组件。
 
4.在界面上方点击初始数值设置
 
5.在弹出的设置中,选择字符串,并改一个字符串数值的名称为“输入姓名”。
 
6.点击输入框,在弹出的输入框设置窗口上绑定数值。选择字符串值,即我们刚刚设置的 1:输入姓名。
 
 
7.全都完成后,点击下方的保存(给界面输入一个名称有利于后期更好的找到相应功能的高级界面哦),然后点击返回舞台。
 
8.再次点击高级界面,并使用 输入框组件。
 
9.将输入框拖动到我们准备好的底图中合适的位置。
 
10.接下来我们来做一个名字长度的判断,限定名字的长度为3个字。(如果你不需要做名字长度限制,只需添加一个命名为“确认”的选项继续剧情即可)
1)点击剧情下方的分支按钮,添加一个条件分支。


条件分别设置为满足名字长度≤3和>3时两种。

2)当名字长度≤3时,添加一句是否确认继续剧情的文案。

当名字长度>3时,添加一句提示超过名字长度的剧情文案。

 
11.那么,如何将这里玩家输入的姓名显示到后边剧情的姓名框中呢?操作如下:
1)点击姓名框中的小三角后,再点击新增角色。 (注:看到“点击编辑”四个字了吗?点击该区域后,小三角才会出现)
 
2)点击新增角色,在角色1后选择小三角,选择我们设置好的字符串1输入姓名,最后点击确定。
 
3)然后再次点击姓名框的小三角,就能从中找到我们输入框输入的姓名了。
 
测试效果如下:
TOP