虚幻5|技能栏UI优化(2)——优化技能UI并实现技能栏的拖拽操作

2024-08-30 05:52

本文主要是介绍虚幻5|技能栏UI优化(2)——优化技能UI并实现技能栏的拖拽操作,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

这篇文章里,前情提要,文章里的序列变量应命名为序号,我命名错了,虽然不差,但为了后面更好的理解

一.刷新技能栏,用于刷新上一章文章的初始化技能栏

1.打开技能栏格子,打开图表,添加以下两个变量

并添加以下蓝图

还有一个蓝图要删掉,该图片把右侧的技能图标get有效变量删掉,我这里忘删了

2.打开技能UI

添加以下蓝图

添加一个函数,命名为刷新

打开刷新函数

二.

1.打开技能栏格子UI,打开图表,重载一个函数,按下鼠标按钮时函数

2.再创建一个重载函数,按下预览鼠标按钮时

上面就是鼠标选中的显示

3.再创建两个重载函数,用于拖拽,一个是放置时,另一个是发现拖动时

拖动之后要进行格子切换,要切换什么数据,就需要建立两个控件

三.第一个控件,是控件蓝图是UI,拖拽的技能格子

1.直接复制粘贴技能栏格子UI,粘贴后命名为拖拽的技能格子

2.打开后,删掉上面的文本块

3.打开图表,删除样式事件和变量,删成如下

4.创建纹理2D变量,并删除,创建过的鼠标和拖拽重载函数

四.创建一个蓝图,查找object的drag drop operation(拖拽操作),实现拖拽操作

1.创建后,命名为DragDrog

2.打开技能栏格子UI的图表,把下面三个变量复制粘贴到这个DragDrop,同时都设置为可编辑和公开

我下面的图片,没有设置成公开,是错的,要勾选

3.打开技能栏格子UI的图表,找到on drag detected,编辑如下

4.打开拖拽的技能格子UI的图表,把变量里的,图表2D,引用类型为纹理2D,设置成可编辑和公开

记得编译

5.再回到技能栏格子UI的图表,扎到重载的on drag detected刷新一下创建拖拽的技能格子控件蓝图

得到图标2D结点

链接如下

好的,运行测试拖拽技能图标

发现还是无法拖拽!

小编很快找到问题所在了

打开技能UI控件蓝图,打开初始化函数,找到这个位置,并链接红圈部分

我们可以把中断break部分给删除,但你才刚学不理解,可以先不删,以防后续错误

其余的技能格子也一样

接着,打开技能栏格子UI图表,事件图表,在事件构造,引用玩家类型

五.实现拖动的图标可以跟另一个图表更换位置,或者拖放在另一个空白格子

1.打开技能栏格子UI,打开图表,打开OnDrop重载函数

2.打开主角的角色蓝图,添加一个整型变量,命名为上一次技能序号,设置它的默认值为-1

-1代表的是没有任何技能被激活

3.打开技能栏格子UI,打开图表,在On drop里继续编辑

这里也是终于用到,最开始创建的刷新函数了

4.打开主角的角色蓝图,把IA_2后面的技能选择蓝图,全部折叠成宏,命名为技能选择

打开宏,删掉不激活的判断,连跟后面这条删了

添加如下

比较长,但有注释

按序号编写,编写完之后,看注释理解

复制粘贴上,自己多做的数字键,按输入数字键的多少对应技能序号

运行测试一下,小编是成功的

多设置几个,拖拉原位的技能图标放到其他格子里,进行检查,完成技能栏的拖拽操作

这篇关于虚幻5|技能栏UI优化(2)——优化技能UI并实现技能栏的拖拽操作的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1119969

相关文章

Python实现终端清屏的几种方式详解

《Python实现终端清屏的几种方式详解》在使用Python进行终端交互式编程时,我们经常需要清空当前终端屏幕的内容,本文为大家整理了几种常见的实现方法,有需要的小伙伴可以参考下... 目录方法一:使用 `os` 模块调用系统命令方法二:使用 `subprocess` 模块执行命令方法三:打印多个换行符模拟

SpringBoot+EasyPOI轻松实现Excel和Word导出PDF

《SpringBoot+EasyPOI轻松实现Excel和Word导出PDF》在企业级开发中,将Excel和Word文档导出为PDF是常见需求,本文将结合​​EasyPOI和​​Aspose系列工具实... 目录一、环境准备与依赖配置1.1 方案选型1.2 依赖配置(商业库方案)二、Excel 导出 PDF

Python实现MQTT通信的示例代码

《Python实现MQTT通信的示例代码》本文主要介绍了Python实现MQTT通信的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 安装paho-mqtt库‌2. 搭建MQTT代理服务器(Broker)‌‌3. pytho

使用zip4j实现Java中的ZIP文件加密压缩的操作方法

《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4

python生成随机唯一id的几种实现方法

《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1:使用 UUID 模块(推荐)方法 2:使用 Secrets 模块(安全敏感场景)方法

Ubuntu 24.04启用root图形登录的操作流程

《Ubuntu24.04启用root图形登录的操作流程》Ubuntu默认禁用root账户的图形与SSH登录,这是为了安全,但在某些场景你可能需要直接用root登录GNOME桌面,本文以Ubuntu2... 目录一、前言二、准备工作三、设置 root 密码四、启用图形界面 root 登录1. 修改 GDM 配

MySQL深分页进行性能优化的常见方法

《MySQL深分页进行性能优化的常见方法》在Web应用中,分页查询是数据库操作中的常见需求,然而,在面对大型数据集时,深分页(deeppagination)却成为了性能优化的一个挑战,在本文中,我们将... 目录引言:深分页,真的只是“翻页慢”那么简单吗?一、背景介绍二、深分页的性能问题三、业务场景分析四、

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

Linux进程CPU绑定优化与实践过程

《Linux进程CPU绑定优化与实践过程》Linux支持进程绑定至特定CPU核心,通过sched_setaffinity系统调用和taskset工具实现,优化缓存效率与上下文切换,提升多核计算性能,适... 目录1. 多核处理器及并行计算概念1.1 多核处理器架构概述1.2 并行计算的含义及重要性1.3 并