【虚幻引擎】设置UI自适应屏幕大小

Thursday, Nov 30, 2023 | 1 minute read | Updated at Thursday, Nov 30, 2023

@

锚点是虚幻引擎UI布局的核心工具,通过将控件锚定在父物体或屏幕的特定点,确保界面在不同屏幕分辨率下能自适应缩放并保持稳定的相对位置关系。

在游戏中,如果想实现不同分辨率下,都可以支持当前的UI界面布局,都需要用到锚点功能。 ‌虚幻引擎 中的UI锚点(Anchor)是指控件在屏幕或父物体上的固定点,用于确定控件的位置和布局。‌ 锚点的作用是确保UI元素在屏幕缩放或形变时保持相对位置不变。

在虚幻引擎中,锚点可以理解为将子物体“挂”在父物体上的点。当父物体的位置或大小发生变化时,子物体的位置会相应地调整,保持它们之间的相对关系不变。锚点的位置可以在屏幕的任意角落,通常用于自适应屏幕尺寸和保持布局的稳定性‌。 具体来说,锚点有以下几种情况:

  • 当锚点与父物体的某个顶点重合时,子物体在该点的位置不会改变,只有当父物体该点位置改变时,子物体才会跟着移动。
  • 如果锚点不重合,子物体在父物体变形时会跟着缩放,保持与父物体各顶点的距离不变‌。

具体实现:

错误的UI锚点设置方法如下:

img
img

如上图为锚点设置不准确,导致缩放时出现屏幕空缺

img
img

将锚点修改为下图所示:

img
img

如果想保持UI中内容部件和画布等比缩放,需要将锚点拉伸至和部件相同大小

img
img

全部修改后现实正确:

img
img

© 2021 - 2026 古月月仔的博客

🌱 Powered by Hugo with theme Dream.

关于我
  • 我是古月月仔
  • Shimizu Tou||Ethan Hu
  • 分享技术学习笔记与生活感悟杂谈
  • 现居: 上海 中国
  • 家乡: 平遥 山西
日常效率工具
  • 📝Typora — Markdown极简编辑器。
  • 📓Notion — 一站式笔记工作空间。
  • 🔗N8N — 强大的节点编排工作流工具。
  • 🤖Gemini — 好用的智能 AI 助手。
  • IamgetoUrl - 快速将图片转为URL。
  • Anyconv - 多种文件格式转换在线工具。
  • PDF24 - PDF编辑操作在线工具箱。
内容与资源工具
  • Mixamo - Adobe提供的免费角色动画库。
  • Bunlock-Music - 用于解密.ncm,.qmc类音频格式的工具。
  • EasyGIT - 一款在线GIF动图制作工具。
  • Alphacoders - 海量高清壁纸和影视/游戏原图社区。
  • 哲风壁纸 -中文壁纸分享与交流社区。
  • 爱给网 - 免费音效、配乐、视频模板等海量媒体素材。
  • 模之屋 - 专注于分享各类3D模型的社区。
我的爱好
  • 🚀 喜欢折腾各种好玩的应用技术
  • 📸 业余摄影爱好者
  • 🎮 各类游戏玩家
  • 💻 数码产品折腾爱好者
  • 📚 正在阅读:《人类简史》
  • 🎬 经典重温:《爱乐之城》