UE4大数据可视化教程(22)——UI控件基础和关联数据绑定

最新推荐文章于 2025-08-30 12:29:47 发布
最新推荐文章于 2025-08-30 12:29:47 发布
阅读量2.4k 收藏 6
点赞数
CC 4.0 BY-SA版权
分类专栏： UE4大数据可视化教程 文章标签： UE4 虚幻4 可视化 教程 数据可视化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Vansal/article/details/117655647
这篇教程介绍了UE4中UI控件的基础操作，包括创建、显示、移除及键盘鼠标事件监听。讲解了如何处理多个键盘输入事件，理解handled和unhandled的概念，并详细阐述了设置游戏和UI的输入模式。此外，还深入探讨了UI数据绑定的多种方法，如绑定数值、添加绑定方法、自定义方法调用和事件分发器的使用。最后展示了在场景中渲染UI的实践。

目录

 

控件的创建、显示和移除

控件监听键盘和鼠标事件

处理多个键盘输入事件

handled和unhandled

设置游戏和UI的输入模式

UI关联数据的几种方式

绑定具体的数值

添加绑定方法

自己编写方法，在需要的时候调用

通过事件分发器的事件绑定和调用

在场景中渲染UI

 

 

控件的创建、显示和移除

控件监听键盘和鼠标事件

可聚焦先打勾，这样控件在接收到点击事件时会打断其他所有正在进行的操作

控件运行时设置聚焦

</

了解本专栏 订阅专栏 解锁全文 超级会员免费看
UE4-（蓝图）第一百零二课 UI与UI之间的数据传递
Stone的博客
12-19 4664
示例： 点击新建按钮后，弹出创建名称界面，点击确定，名称出现在指定窗口中。 一、需要三个控件蓝图，创建后分别命名为PlayerList、PlayerSlot、CreatePlayer 二、PlayerList、PlayerSlot与上一章布局一致，更改的内容是：点击新建按钮逻辑删除。 三、创建CreatPlayer控件蓝图，输入框使用Text Box，布局如下 四、.点击...
UE4使用控件蓝图——添加UI血量和速度信息
热门推荐
莫云尘的博客
04-18 1万+
1、 在之前的人物上添加一个新的状态，加速状态 在MyCharacter类添加按左下shift加速，改变人物本身的最大速度 2、 打开动画蓝图，增加新状态Run，设置变量控制流程   3、 新建一个控件蓝图， 4、 在canvas panel中添加两个Text控件，一个为名Speed，一个用来显示 5、 右侧可以更改它的属性 6、 选择绑定Text
UE4 UI扩展插件
03-23
UE4原生的ui编辑功能过于弱小，这个插件可以实现很多常用的UI功能，比如富文本，序列帧动画等等 支持的UE4版本4.16-4.18 最新的4.21测试基本能用。
ue4为角色添加HP并绑定UI
m0_51808323的博客
12-26 676
绑定之后就变成了变量。 UI的值显示人物的血量。 在人物蓝图中加两个变量 HP 和MP 眼睛全部打开 在蓝图中把默认值全部设为1 很经常会用到，只要获取一些值就会用到。
UE4的UI基础（01）
qq_45617648的博客
03-22 6398
在实际情况中用的很多，多用于多层封装功能时使用。
[UE4]控件模板
weixin_30509393的博客
05-20 190
控件模板：一个UI可以作为另外一个UI的子控件，这个子控件就是控件模板。 控件模板一般使用“Size Box”组件作为根节点，给“Size Box”组件设置合适的尺寸，显示模式选择“Desired”，“Size Box”就能显示出实际尺寸。 转载于:https://www.cnblogs.com/timy/p/9062799.html...
【虚幻引擎】UE4初学者系列教程实战篇——坦克大战案例操作全流程（简单回合制版/复杂版）
qq_45206556的博客
04-11 5002
混合时间（Blend Time）：这是切换到新视图目标时的混合时间，用于平滑过渡。）（混合速度的曲线，比如由快而慢或由慢而快。（就是让当前的摄像头去新的目标，比如切换后，使用新角色为目标。混合指数（Blend Exp）：这是混合函数的指数值，用于调整混合过渡的曲线形状。表面方面，我们期望在切换角色时，不是生硬地切换镜头，而是线性的画面转移，所以涉及到新节点set view(中文名:使用混合设置视图目标)目标（Target）：这是你想要切换到的新的视图目标，可以是一个角色、一个物体或者一个位置。
UE4移动平台UI优化.pdf
09-23
4. 蓝图与C++开发：蓝图是UE4中的可视化脚本语言，可以用于实现UI的逻辑行为。C++开发则是使用C++语言来实现UI的逻辑行为。蓝图与C++开发都是实现UI逻辑行为的重要方式。 5. 合并批次：合并批次是指将多个UI控件...
Vue+ElementUI实现表单动态渲染、可视化配置的方法
11-29
在Vue和ElementUI框架下，实现表单动态渲染与可视化配置是提高开发效率和灵活性的重要技术。通过这种方式，我们可以根据后台传递的JSON数据动态生成不同的表单结构，从而适应多种业务场景。 首先，理解动态渲染的...
UE4 UI和UI之间的通信（浅谈测试）
Yuulily
12-08 5108
1、实现效果就是在一个主UI中，点击新建按钮弹出一个新建名称的UI，然后输入自己的想要输入的名称，然后点击确认，将输入的名称放到主UI的框中，这里新建3个UI 2、CreatePlayer的设置如下： 3、PlayList的设置如下： 4、PlaySlot设置如下： 现在开始，先来捋一下具体实现思路：主UI是PlayerList，点击新建按钮弹出CreaterPlayer—UI，然后输入名...
Unity UGUI一键绑定UI控件工具(编辑器拓展)
qq_54351806的博客
04-16 2625
实现自动生成代码绑定UI控件 并生成字典保存UI控件减少自己拖拽 和手动书写过程 适用动态加载面板建议搭配UI框架使用。
虚幻引擎(UE4) UMG 属性绑定
刀客
02-04 4204
在UMG(Unreal Motion Graphics UI Designer)中最有用的功能就是在蓝图中绑定属性或者函数到你的UI组件上。通过属性或函数的绑定，任何时候你调用函数或者属性修改将反映在UI的变化表现上。 函数绑定 用实例来说明，下图是一个(Progress Bar)进度条组件，你希望通过它来表现玩家实时的生命变化。在Progress Bar组件的Detail界面的Appearance属性下面，你会看到一个Bind（绑定）按钮(下图中黄色高亮区域)。 点击Bind按钮之后，选择Cre
display: contents——可以去掉盒子的边框
QUX轻博客
06-16 1077
display: contents元素本身不产生任何边界框，而元素的子元素与伪元素仍然生成边界框，元素文字照常显示(W3C解释)。 理解：当前div 不产生...
UE4_用户控件_2_按钮的动态效果
Growthofnotes的博客
12-28 1666
注意文字控件一开始是要隐藏的。这就是为什么我们需要的变量类型为用户控件的类引用，把变量AffectUMG赋予它：我们设置下输入模式为设置仅输入模式UI，set input Mode UI Only：添加到视口add to Viewport：继续完善showUMG事件，让UMG_Exit添加到视口先测试下效果：没有触发成功，原因是什么呢？是因为我们还没有在BP_EventTrigger的重叠事件中“事件Actor开始重叠”中让角色显示控件。运行效果如图：当退出按钮被我们单击时调用。
UE4-（蓝图）第五十二课更新UI的三种方式之属性绑定
Stone的博客
11-26 3586
示例为 Text 显示血量值 一、选择Text控件，在Content面板下右侧有绑定按钮 说明：创建绑定为函数绑定，属性绑定选择下方的Player，该Player不是指的场景中的Player，是你在图表中创建的变量， 图表中存在变量，就会在绑定的选项中出现，注意Text类型的绑定属性只能是Text类型的变量。（同类型的绑定同类型的变量，否则选择绑定的时候不会出现选择项） 所以在图表...
UE5 基础应用 —— 05 - 控件蓝图 简单使用
最新发布
CandyU2的博客
08-30 1942
UI全称 User Interface (用户界面)。开始菜单界面、设置界面、背包界面等等都属于 UI 界面。在 UE3 / UE4 时期，HUD（Head-Up Display）就是主要的 UI 系统，但使用起来比较麻烦，需要自己编写绘制逻辑。在 UE4 之后，Epic 推出了 UMG（Unreal Motion Graphics UI Designer），更直观强大。可以拖拽按钮、文本、图片，像在 Photoshop 或 Unity 的 UI 系统里那样设计界面。
虚幻4 UE4 绑定按键操作及切换视角
kolento的博客
04-21 7492
虚幻4绑定按键操作切换视角 虚幻4绑定按键操作 要绑定按键操作，首先需要获取玩家控制器，默认的玩家输入为玩家控制器0 在蓝图右键搜索get player controller，添加该控件 判断按键按下，在蓝图右键搜索is input key down，如搜不到，请取消情境关联 点击key后的none，搜索要绑定的按键，如本文选择键盘T键 接下来主要就是连线，如果需要程序持续检测是否有按键按下，我这里采用的是将判断按键按下绑定至事件TICK，即每帧都进行判断，应该有更为妥善的处理方法，欢
UE4-UMG
qq_52825422的博客
08-21 3743
UE4——UMG学习笔记
【UE5】蓝图UI控件菜单锚（Menu Anchor）的使用与浮动详情窗口的制作
Willow_K的博客
03-05 4003
最近在做毕设，一直在苦恼要怎么精准地把浮动的详情窗口放在图标的一边，就比如下图中的效果本来也有想过直接获取控件在屏幕上的位置来计算浮动窗口的生成位置，但神奇的是蓝图似乎没有这个节点。。。后面到处摸才发现了菜单锚这个东西，在这边记录一下用法以免忘记如果想要自定义生成控件，则需要在细节面板中重写OnGetMenuContent事件这样就可以自定义想要投放的控件，也可以指定生成参数或者对菜单UI进行控制。至于更详细的东西可以参考官方文档官方文档链接-菜单锚，笔者有空再把一些基础的东西补全。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风里有诗句哈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值