UE4_Widget 两个不同的WidgetUI建立一条连线

最新推荐文章于 2023-12-18 13:46:50 发布
最新推荐文章于 2023-12-18 13:46:50 发布
阅读量2.2k 收藏 17
点赞数 3
分类专栏： UE4 数字城市 文章标签： UE4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longyanbuhui/article/details/112463941
版权

获取Widget 控件的位置：

在这里插入图片描述

画线的函数：

在这里插入图片描述

DrawLine 在HUD和Widget 里都有这个函数，但是HUD的DrawLine 不支持抗锯齿（可能我比较菜），
但是在Widget里的DrawLine 里AntiAlias 设置为true ，就可以抗锯齿了

两个不同的Widget 蓝图对象，要把它们转换到同一个坐标系下

实现的效果大概如下：
在这里插入图片描述
实现思路：画线的逻辑写在WidgetA，所以要把WidgetB的位置信息转换到WidgetA下。

  1. 在WidgetA下的DrawLine下的PositionA的起始点默认是从Widget的左上角开始的，因为设置了一下参数的缘故，导致出现了一些偏移。所以PositionA 设置为（5，10）
  2. 把Widget B 的坐标转换到Widget A 下的实现逻辑是在这里插入图片描述
  3. 乘以一个-1是因为计算后的坐标是反方向的
  4. 蓝图完整截图如下
    在这里插入图片描述
  • 乘以-1之后要加上一个偏移值的原因在于想从widgetB的中间位置开始建立连线，不然是从widgetB最左边开始建立连线
SimpleCloud94
关注
  • 3
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
UE5实现Runtime环境下绘制线功能
专注GIS开发
04-26 5301
UE5实现Runtime环境下绘制线（DrawLine）功能
UE4绘制线和平面，在平面内随机取点
qq_940388686的博客
11-01 1406
UE4绘制线和平面, 在平面内随机取点
Unity UI元素之间连线
qq_45341806的博客
06-17 934
UI元素之间连线
UE4C++UI平滑曲线图绘制
c++、UE
04-21 4164
UE4C++平滑曲线图设置 前言 UE4的曲线在UMG上面绘制的时候总是和麻烦的，这里我们采用UE4曲线FRichCurve中的绘制方法，传入对应的Key值，然后差值获取俩个点之间的数据，然后将所有点连接则是对应的平滑曲线。（此处没计算，用的FRichCurve中所自带点的计算），逻辑比较简单，再次不过多赘述。 附源码： .h文件 // Fill out your copyright notice in the Description page of Project Settings. #prag
ue4 umg画线
qq769919187的博客
06-05 6590
只是单纯的画线可以创建Widget 然后覆盖OnPaint方法 调用DrawLine即可 注意DrawLine的坐标位置从组件绘制的左上角对齐，如果要绘制 在调用对象的地方设置大小为0 需要画自定义线可以在canvas下添加一个image对象 设置Alignment为0,1 Pivot设置为0.5,1.0 这样进行缩放和旋转才能达到预期的定向延申，image的画刷很强大 材质什么的都能附加所以...
ue4绘制线的三种方式
coder
08-19 5192
ue
UE4 UI画曲线
qqQQqsadfj的博客
03-20 768
【代码】UE4 UI画曲线。
UE4_UE5制作3DUI并朝向相机
06-20
本项目是UE5的工程，使用UE5打开 制作3DUI的简单Demo 工程文章地址： https://blog.csdn.net/Highning0007/article/details/125284705
UE4_TinyGUI.zip
09-23
这就是“UE4_TinyGUI.zip”所解决的问题，它提供了一个小巧而易用的UI框架，支持模态和非模态两种操作模式，大大增强了UE4在用户界面设计上的可能性。 首先，我们要理解UE4的基础UI系统。UE4使用蓝prints和C++来...
UE4_UE5自定义鼠标样式
06-14
在UE4和UE5这两个Unreal Engine版本中，自定义鼠标样式是一项重要的用户界面（UI）定制工作，它能够极大地提升游戏或应用的用户体验。通过自定义鼠标样式，开发者可以根据不同的场景条件，如用户交互、游戏状态等，...
UE4_UE5鼠标点击地面，移动到指定位置。
06-14
UE4_UE5点击地面，移动到指定位置 包含的技术点有： 1.射线碰撞检测。 2.模型边缘高亮。 3.鼠标样式自定义切换。 4.使用DoTwen插件实现移动动画效果。 注：如没有购买DoTween插件，将蓝图中DoTween的移动方法删除掉...
【UE4】【UI】在三维世界中和UI交互
Carl0v0的博客
01-30 1万+
首先。 VR环境下不可能也不被允许在头盔屏幕上出现UI并进行交互。 那为了能愉快的搞事情，必然需要有什么途径在虚拟环境中实现UI及其交互。 在开始之前，请先看以下官方文档和教程。 第一篇：创建 3D 控件交互 第二篇：创建一个可进行交互并提供文本框输入的小键盘 具体思路是这样。 为了能在3D世界内显示UI，那么这个“UI”必然是Actor。在UE4中我们能通过控件蓝图创建一系列UI。
【UE】浅述蓝图通信的三种方法
Everlastfor的博客
01-31 1834
浅述蓝图通信的所有方法，以便对蓝图通信有个系统了解
UE4使用widget创建UI界面播放视频
热门推荐
神码编程
07-12 2万+
我的目的非常简单，点击按钮，播放或暂停场景中的视频
Unreal Engine 4 画线DrawLines 画轨道
weixin_43989825的博客
08-24 7809
Unreal Engine 4 画线DrawLines 画轨道前言环境配置实现步骤清除线，重新画代码调试 前言 刚接触UE4没几天，从头开始实现了画轨道的功能，自己记录一下实现过程以及遇到的问题。 环境配置 因为电脑上先安装的VS2017，后来才安装的UE4，所以在UE4用到VS的时候有些问题，打不开VS，后来发现是一些需要的组件没有安装，所以搜一下UE4+VS2017配置的教程，看看安装的时候需...
[UE4]UMG蓝图中如何画线（Draw Line）
玄冬Wong
02-28 8679
UMG蓝图中重写OnPaint函数：   
UE蓝图学习之--画点画线Draw Debug Point/Line
wanghexuan的博客
12-20 4452
这个在射线检测上用的非常多,整体思路是画点需要找一个坐标,画线需要找一个起点坐标和一个终点坐标.那么废话不多说,Let's Go 1. 画点 首先拖一个空物体,然后在选中这个物体的情况下打开关卡蓝图,并且在关卡蓝图里右键创建这个空物体的引用 Get它的Location 然后再右键输入Draw Debug Point 选择 Position: 坐标 Size: 大小 Point Color: 颜色...
UEC++学习（五）之 绘制十字准星，组件拥有者不可见等
最新发布
qq_58814201的博客
12-18 582
创建HUD类，需要重载DrawHUD()函数；DrawHUD（）：负责渲染，每一帧执行，可以在此函数中绘制线条TInterval：模板函数，用于表示一个区间，包含了最小和最大值，可以用于判断两个区间是否重叠，合并两个区间等，比如Center.Contains(X)，检查X是否在区间FLinearColor::Green 绿色DrawLine:用于绘制线，参数：起始X,起始Y，终点X，终点Y，线颜色，线粗细GameMode覆盖新的HUD类。
UE4 延长两个点之间的连线
06-13
在UE4中，你可以使用FMath::Lerp函数来延长两个点之间的连线。Lerp函数是一个线性插值函数，可以在两个值之间进行插值计算。在UE4中，它的函数原型为： ``` template<class T> static FORCEINLINE T Lerp(const T& A, const T& B, float Alpha) ``` 其中，A和B分别是两个点的坐标，Alpha是插值因子，取值范围为[0,1]。当Alpha=0时，函数返回A点的坐标；当Alpha=1时，函数返回B点的坐标；当Alpha=0.5时，函数返回AB连线的中点坐标。你可以根据自己的需求调整Alpha的值，来获取延长后的点的坐标。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值