一.创建技能栏格子UI
1.创建一个UI控件蓝图,命名为技能栏格子(如何创建我就不多说了,学到这了基础知识应该有所掌握了)
2.添加一个边界和垂直框
3.选中边界,右侧细节栏更改如下
4.再拖入一个文本块,做垂直框的子级
设计文本框,这里看你怎么设置了
我是这样的,至少要居中
5.添加一个按钮,作垂直框的子级。命名为技能按钮,作为一个点击或拖拽
6.添加一个尺寸框,作技能按钮的子级,
7.再添加一个图像,作尺寸框的子级,命名为技能图标
8.点击尺寸框设置填充为2,还是看图吧,如下
9.技能按钮设置,选中技能按钮
设置点按方法
10.给技能图标的笔刷创建绑定
我这里是创建后的
da
在创建绑定后的图表,更改函数命名,添加三个变量,并对空样式进行细节编辑,编译一下
二.空样式细节编辑如下
1.展开普通
展开其着色,设计成半透明
固定半径
2.展开已悬停
已悬停都调得跟上面的着色一个样,
唯有颜色要调一下,可以自己调一个,我的是红色,鼠标放上去显示红色
透明度可不用调
3.展开已按压
已按压也跟展开着色一样,颜色可改可不改
透明度可不用调
这些都可以后续调整,不影响效果
4.复制粘贴三个空样式变量,改命如下,并按改名的名字提示,改颜色或其它等等
我把技能激活样式的颜色调得比较深,容易发现技能被激活
你也可以尝试后续更改
5.打开事件图表,编辑如下
三.技能UI
1.再创建一个用户界面,控件蓝图,命名为技能UI,用于盛放技能栏
2.添加以下面板
更改屏蔽右上角为屏幕上所需
3.选中边界,细节栏编辑
4.选中尺寸框,细节栏编辑
5.选中技能网格,改命和勾选为变量
6.打开图表,编辑如下
我们需要把技能栏这些一块块的格子显示到技能UI上
注意Last index自己按需设置,设置的是格子数
这些是把技能栏的格子,放在技能UI上,技能UI还没有放在面板上,我们没有设置放在画布面板上,所以需要我们将技能UI放在主角血量体力设置的UI上,因为只有这上面有画布面板
四.显示技能UI在主角的血量UI上
1.打开Player_Hud
2.打开后,拖入技能UI
自己调整位置
运行一下发现只有一个技能栏格子
3.我们打开技能UI,更改图表里的列
运行一下,可以发现有四个格子,就是之前说的Last index为4,索引从0~4,总共有5个数组
4.由于我们的格子命名都是文本块,我们就要打开技能栏格子的UI控件蓝图
进行以下设置
选中我们的文本块,改命名为快捷数字,勾选变量
打开图表,创建一个变量,类型为文字,命名为快捷栏数字,设置成公开,可编辑实例
再回到设计器,选中快捷数字文本块,右侧细节栏更改文本绑定
5.打开技能UI,编辑或者刷新一下创建技能栏格子控件蓝图
再添加转文本,如下
运行一下游戏,可以发现有数字了
6.找到之前讲的技能释放,创建的角色技能分类_物理枚举,改名为角色技能名字
7.创建一个蓝图的结构,命名为技能结构
8.打开,编辑如下
我们还可以添加其他的,一些伤害数值等
引用类型太像了,不要搞混
9.创建一个数据表格,命名为技能表数据
10,打开后添加如下
11.打开技能栏格子控件蓝图UI,打开图表
更改变量技能图标2d的细节,技能图表2d为可编辑实例和生成时公开
方便把多个不同的图片传递到技能UI上
12.打开技能UI,刷新我们的创建技能栏格子控件,编辑其余蓝图如下
刷新后可以看到技能图标2D的结点
13.打开技能栏格子
添加两个变量,分别引用角色技能分类和角色技能名字的枚举变量,分别命名为技能分类和技能名字,都设置可编辑和生成时公开
14.打开技能UI,继续编辑图表
刷新一下创建技能栏格子控件,得到刚刚添加的两个变量,再跟break链接
运行后,发现只有一个图标显示
还需要在false添加一个create控件
15.这个控件就默认啥也没有,不用链接其他的,为了保险起见,我们可以更改技能名字和技能分类为无,但这里改不了,就需要在技能的枚举里添加两个无
打开角色技能分类的枚举和角色技能名字的枚举,都添加一个枚举器,命名为无,并拖到第一位置
16.打开技能UI,编辑图表,找到false链接的create控件,改成无,如下
再create后继续编辑,复制粘贴真true之后的,一模一样,链接时仔细细心点
运行一下可以看到角色,格子全部显示出来了
五.添加输入操作,在游戏进行模式下,显示鼠标,使用鼠标操作UI
创建显示鼠标的键和数字键1,2,3等,用来切换角色或者释放技能
我的是设置Alt键为显示鼠标,E,Q释放技能和大招,数字键用来切换角色
创建好以上的
1.打开主角的角色蓝图,事件图表,编辑以下蓝图
在我们映射输入,控制玩家控制器的cast to这里,提升为变量
链接一下,我这里忘链接了
2.编辑以下蓝图,用于显示鼠标alt
我们需要增加布尔变量UI,Player Hud是我们的UI,这个变量你可以用其他的,这个就看自己的想象力了
这里我们设置了UI的布尔值
3.这样我们在技能释放,还有移动输入,加上着UI布尔值条件branch,这样显示鼠标时,我们按不了释放技能及移动键
例如,
六.改进技能释放
1.找到技能释放的地方,技能分类和物理技能分类提升为变量
2.双击点开技能选择,目标是战斗组件这个蓝图
修改输入变量为如下
3.再回到主角的角色蓝图的技能释放
修改变量名字
4.打开技能栏格子,把技能名字和技能分类变量的默认值改为无
5.打开技能表数据(数据表格)
选择我们对应想要的技能
6.回到我们主角的角色蓝图的技能释放的位置,找其附近,添加以下蓝图
尝试运行,打印字符串,看看是不是打印了自己的技能,我的是没问题的
7.再添加如下蓝图,取消技能栏的锁定,基本上是复制上边的,链接要注意
我们运行一下,好这样就可以锁定技能,也可以解释技能并释放技能