虚幻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

相关文章

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

如何通过Python实现一个消息队列

《如何通过Python实现一个消息队列》这篇文章主要为大家详细介绍了如何通过Python实现一个简单的消息队列,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录如何通过 python 实现消息队列如何把 http 请求放在队列中执行1. 使用 queue.Queue 和 reque

Python如何实现PDF隐私信息检测

《Python如何实现PDF隐私信息检测》随着越来越多的个人信息以电子形式存储和传输,确保这些信息的安全至关重要,本文将介绍如何使用Python检测PDF文件中的隐私信息,需要的可以参考下... 目录项目背景技术栈代码解析功能说明运行结php果在当今,数据隐私保护变得尤为重要。随着越来越多的个人信息以电子形

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

最长公共子序列问题的深度分析与Java实现方式

《最长公共子序列问题的深度分析与Java实现方式》本文详细介绍了最长公共子序列(LCS)问题,包括其概念、暴力解法、动态规划解法,并提供了Java代码实现,暴力解法虽然简单,但在大数据处理中效率较低,... 目录最长公共子序列问题概述问题理解与示例分析暴力解法思路与示例代码动态规划解法DP 表的构建与意义动