制作一个简单的UI
【目的】输入名称之后,名字改变,并提示我改名成功
我希望的最终效果是:
1、原本的姓名栏写着:姓名未知
2、在输入框输入新的姓名后,点击确定,姓名修改为XXX
于是,我做出以下步骤:
步骤1:添加一个界面,并显示在屏幕上
根据最终效果可以得知包含的控件有:
1、整个窗体
2、姓名栏、姓名
3、输入框
4、按钮+确定
于是稍加排布,得到以下效果:
其中,姓名会发生变化,需要先进行控件绑定。
点击绑定时会自动打开一个Get Text的蓝图,添加字符串变量后将眼睛打开,这样就可以允许其他地方使用这个值(不打开似乎也可以)。
添加蓝图,使其显示在屏幕上。
【知识点】在关卡界面调用控件的值
如果想在关卡蓝图添加这个变量,先关闭情景关联的勾,再直接搜索变量名,不要下划线。
步骤2:蓝图控制文字改变
我希望在文字框中输入文字后,点击按钮,输入的文字会变化到姓名框。
由于涉及两个框体和变量,这里先整理一下蓝图和变量值的对应关系。通过上文可以为姓名框建立蓝图和变量值,用同样的方法为输入框也建立蓝图和变量值,注意起名一定要清晰不要弄混:
有两个蓝图内有逻辑内容:
【知识点】控件蓝图的触发情况
这里涉及到的问题是,这个蓝图流程是如何运作的。
首先对于控件的总蓝图来说,触发的事件是根据具体发生的事件触发的,通常一次性触发,可以在控件的详情里添加。如图上的点击按钮和文字变化。
那么对于控件自带的控件蓝图,会以什么方式触发呢?答案是永久触发。这里做一个简单的尝试,如果姓名框的文字变量连接的不是text_val,而是textbox_val,也就是输入框的文字时,会发现更改输入框时,姓名框也会发生完全同步的变化,说明是随时随地触发。
步骤3:用鼠标点击完成后,输入框和按钮消失
在开始游戏时,鼠标会带着视窗一起移动,这不是希望的结果,所以这里在视窗出现时,将鼠标操作锁死。
当完成名字输入后,输入框和按钮均消失
【知识点】鼠标的显示
在一些界面操作时,会用到鼠标的显隐,因此需要让鼠标失去视口操作功能,变成一个普通用来点击的鼠标。这时候需要用到的节点是:
这样就完成一个最简单的界面功能,是不是比想象中的简单很多?
【目的达成啦!】输入名称之后,名字改变
版权归原作者 一只半路出家的猫 所有, 如有侵权,请联系我们删除。