【UE】制作可拖动的UI

这篇具有很好参考价值的文章主要介绍了【UE】制作可拖动的UI。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

效果 

【UE】制作可拖动的UI

步骤

1. 新建一个控件蓝图并打开

【UE】制作可拖动的UI

 这里我在画布面板中加了一个垂直框,垂直框内包含一个按钮和一个图像控件

【UE】制作可拖动的UI

 我设置图像控件占垂直框的2/3,按钮占1/3

【UE】制作可拖动的UI

 添加按钮按压事件、松开事件

【UE】制作可拖动的UI

 在控件蓝图的事件图表中添加如下节点,其中“Close”、“Open”和“Location”是三个自定义事件。如下逻辑的意思是当“Open”执行时,就每0.01s执行“Location”,直到“Close”执行时就停止执行“Location”

【UE】制作可拖动的UI

 “Location”执行后获取鼠标的位置(一个2D向量)然后作为变量

【UE】制作可拖动的UI

 变量命名为“MousePosition”

【UE】制作可拖动的UI

 将垂直框设置为变量

【UE】制作可拖动的UI

 将鼠标当前的位置设置给垂直框【UE】制作可拖动的UI

按压按钮执行“Open”,松开执行“Close”

【UE】制作可拖动的UI

 2. 打开关卡蓝图,将控件蓝图添加到视口

【UE】制作可拖动的UI

 此时运行游戏就可以拖拽垂直框了。

但是有个小问题是,按下按钮是,鼠标位置会有一个偏移,因此添加如下节点:

将视口上鼠标位置和画布插槽位置相减的值提升为变量

【UE】制作可拖动的UI

 变量命名为“SubtractPosition”

【UE】制作可拖动的UI

【UE】制作可拖动的UI

 运行效果如文章开头所示。文章来源地址https://www.toymoban.com/news/detail-461186.html

到了这里,关于【UE】制作可拖动的UI的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【UE4】在控件蓝图上播放视频

    UE版本:4.26 在上一篇文章中(【UE】场景内播放视频、音频)介绍了如何在场景中播放视频,本篇文章将介绍如何在UI上播放视频 1. 首先在“Content”文件夹中新建一个名为“Movies”的文件夹 2. 在文件夹中随便添加一个.mp4格式的视频 3. 新建一个“文件媒体源”    这里命名为

    2024年02月02日
    浏览(49)
  • 【UE4/蓝图/C++】简易FPS武器视角随动效果

    【UE4/蓝图/C++】简易FPS武器视角随动效果 主要是实现了一个简单的第一人称的手臂跟随相机反方向移动(也可改成同方向),用蓝图和C++分别实现了同样功能 一共需要一个继承自Character的类,类内有一个Camera组件,和一个挂载在Camera组件下的手臂网格体组件,称为Arm Mesh 一共

    2024年03月12日
    浏览(65)
  • UE4 Sequence添加基础动画效果 (05-蓝图触发Sequence)

    在上一篇博客(UE4 Sequence添加基础动画效果 (04-在序列中使用粒子效果))的基础上增加角色进入某个区域触发过场动画的效果。 1.点击编辑FallingRocks来打开落石蓝图  打开后可以发现一个自定义事件节点RockTrigger  2.打开过场动画主序列  将两个落石Actor拖入  3.点击“+Tr

    2024年02月07日
    浏览(58)
  • 【UE4 制作自己的载具】3-载具蓝图实现(基本)

    新建一个蓝图,继承“WheeledVehicle(轮式载具)” 命名为“Vehicle_BP”,双击打开该蓝图 选中“Mesh(继承)”,然后在细节中,骨架网格体选择“Vehicle” 添加一个弹簧臂和摄像机组件,摄像机组件为弹簧臂组件的子项 调整一下弹簧臂的位置 勾选使用摄像机延迟,目的是让摄

    2024年02月16日
    浏览(36)
  • 【UE】从UI中拖拽生成物体_ue 从ui拖动创建actor

    打开“BP_UIHUD”,在事件图表中添加如下节点,使得控件蓝图“WBP_Main”能够被渲染到视口上 接下来制作拖拽部分的UI,新建两个控件蓝图,这里分别命名为“WBP_DragUI”和“WBP_DragActor”,一个表示通过拖拽出图片来生成模型,另一个表示直接拖出模型 先打开“WBP_DragUI”,设

    2024年04月17日
    浏览(43)
  • UE4,UE5虚幻引擎,怎么在蓝图中获取FPS帧速率,显示在UMG(UI)上

    前言:在UE中可以使用命令行比如stat fps显示帧率,但只是显示在界面,假设我们要在蓝图中获取FPS帧率,并且显示在我们创建的UMG控件蓝图。这种stat fps命令行的形式就不行了,因为它只会固定显示在右上角的位置。 1、在Tick中获取DeltaSeconds,用1除InDeltaTime,得到帧速率。

    2024年02月11日
    浏览(59)
  • 如何通过代码在Unity设置URP通用渲染管线资源的画质选项、后处理效果、渲染分辨率、抗锯齿效果、Renderer Features等效果并制作一个可以设置它们的UI

       Hello喔 这里是没有鱼的猫先生,本期文章的主题佬们有看到标题了 QWQ    当使用Urp管道项目时,我们需要在一个Urp通用管线资源的项目中修改它的各种效果以玩家自己设置不同的画质需求,那下面这个通用脚本便诞生了,它也许并不适用于所有的场景,但是相信应用过它

    2024年02月09日
    浏览(44)
  • C#在winForm窗体中添加一个可以自由拖动的控件

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 目录 文章目录 一、实现步骤 1.创建一个新的Windows窗体项目 2.添加控件如图 3.代码部分 总结 textBox1=鼠标在需要拖动的控件中的坐标 X 值 textBox2=鼠标在需要拖动的控件中的坐标 Y 值 textBox3=需要

    2024年01月19日
    浏览(44)
  • 记录-做一个文件拖动到文件夹的效果

    在我的电脑中,回想一下我们想要把一个文件拖动到另一个文件夹是什么样子的呢 1:鼠标抓起文件 2:拖动文件到文件夹上方 3:文件夹高亮,表示到达指定位置 4:松开鼠标将文件夹放入文件 下面就来一步步实现它吧👇 方式一: draggable=\\\"true\\\" 方式二: -webkit-user-drag: element; 效果

    2024年02月01日
    浏览(28)
  • 在UE5中使用OverlayMaterial制作多材质效果

    UE5.1中新增了OverlayMaterial,可以让物体套用2个材质球效果,如A材质球为正常材质内容,B材质球为菲涅尔,或是B材质球是法线外拓描边等,该功能类似Unity的多pass效果,方便了日常使用。 下面就讲将怎么用OverlayMaterial制作带菲涅尔效果的叠加材质: 1.新建一个材质球,作为

    2024年02月22日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包