【UE】简单实现屏幕UI定位

【UE】简单实现屏幕UI定位三维坐标方法

实现效果


屏幕空间定位


场景空间定位

一般实现兴趣点(POI)有两种实现方法,场景空间UI定位和屏幕空间UI定位。

场景空间定位:UI类似实例模型,位置和尺寸是相对于场景不变。大多适用于第一人称第三人称小场景。

屏幕空间定位:UI大小固定,不会随场景的变化而改变大小。大多适用于上帝视角的场景。

实现方法

创建UI控件蓝图
  1. 创建用户界面控件蓝图

  1. 命名为UI_POI(这里随便命名就可以)

  2. 创建画布面板,建立一个按钮或图片

  3. 锚点调整,Anchors(锚点)到中下位置,Aignment(对齐)也要调整到中下位置,及x=0.5,y=1

兴趣点创建
  1. 创建Actor蓝图类

  1. 命名为BP_UIPoint(这里随便命名就可以)

  1. 添加UserInterface的控件组件(英文名Widget)

  2. widget控件组件的Details→UserInerface→Space选择World(场景空间定位);选择Screen(屏幕空间定位)

  3. widget控件组件的Details→UserInerface→WidgetClass选择之前创建的UI控件类(UI_POI)

  4. widget控件组件的Details→UserInerface→Pivot(枢轴)调整到中下位置,及x=0.5 y=1(这点很重要,要想ui的底下箭头指向兴趣点,这个操作是必须的。当然要想左定位和友定位这点也是可以调整的)

  5. 将兴趣点放入场景中完成设置

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小生云木

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

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

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

打赏作者

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

抵扣说明:

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

余额充值