UE5学习笔记(十四)——蓝图基础之第一次做界面

目录

制作一个简单的UI

步骤1:添加一个界面,并显示在屏幕上

【知识点】在关卡界面调用控件的值

步骤2:蓝图控制文字改变

【知识点】控件蓝图的触发情况

步骤3:用鼠标点击完成后,输入框和按钮消失

【知识点】鼠标的显示


制作一个简单的UI

【目的】输入名称之后,名字改变,并提示我改名成功

我希望的最终效果是:

1、原本的姓名栏写着:姓名未知

2、在输入框输入新的姓名后,点击确定,姓名修改为XXX

于是,我做出以下步骤:

步骤1:添加一个界面,并显示在屏幕上

根据最终效果可以得知包含的控件有:

1、整个窗体

2、姓名栏、姓名

3、输入框

4、按钮+确定

于是稍加排布,得到以下效果:

其中,姓名会发生变化,需要先进行控件绑定。

点击绑定时会自动打开一个Get Text的蓝图,添加字符串变量后将眼睛打开,这样就可以允许其他地方使用这个值(不打开似乎也可以)。

添加蓝图,使其显示在屏幕上。

【知识点】在关卡界面调用控件的值

如果想在关卡蓝图添加这个变量,先关闭情景关联的勾,再直接搜索变量名,不要下划线。

步骤2:蓝图控制文字改变

我希望在文字框中输入文字后,点击按钮,输入的文字会变化到姓名框。

由于涉及两个框体和变量,这里先整理一下蓝图和变量值的对应关系。通过上文可以为姓名框建立蓝图和变量值,用同样的方法为输入框也建立蓝图和变量值,注意起名一定要清晰不要弄混:

有两个蓝图内有逻辑内容:

【知识点】控件蓝图的触发情况

这里涉及到的问题是,这个蓝图流程是如何运作的。

首先对于控件的总蓝图来说,触发的事件是根据具体发生的事件触发的,通常一次性触发,可以在控件的详情里添加。如图上的点击按钮和文字变化。

那么对于控件自带的控件蓝图,会以什么方式触发呢?答案是永久触发。这里做一个简单的尝试,如果姓名框的文字变量连接的不是text_val,而是textbox_val,也就是输入框的文字时,会发现更改输入框时,姓名框也会发生完全同步的变化,说明是随时随地触发。

步骤3:用鼠标点击完成后,输入框和按钮消失

在开始游戏时,鼠标会带着视窗一起移动,这不是希望的结果,所以这里在视窗出现时,将鼠标操作锁死。

当完成名字输入后,输入框和按钮均消失

【知识点】鼠标的显示

在一些界面操作时,会用到鼠标的显隐,因此需要让鼠标失去视口操作功能,变成一个普通用来点击的鼠标。这时候需要用到的节点是:

这样就完成一个最简单的界面功能,是不是比想象中的简单很多?

【目的达成啦!】输入名称之后,名字改变

猜你喜欢

转载自blog.csdn.net/weixin_35106335/article/details/127637553