ue5教程从零开始到精通(UE5之UMG基础统一网格面板)
- 100次浏览 发布时间:2024-12-05 18:32:52
目标:记录和学习UE5的UMG方法制作UI,使用UniformGridPanel制作效果如下:

步骤1. 增加
前言:UniformGridPanel统一网格面板,就是所有子元素大小和间隔等统一,这种效果经常用到。
1:打开之前创建好的工程,本文不是从零开始讲解,目的只是介绍UniformGridPanel面板的使用和效果:


2:在UniformGridPanel节点下面添加子组件元素,值得注意的是子组件的大小不能自己调节,因为同意网格面板要求所有子组件大小统一,所以在父组件UniformGridPanel中会根据子组件数量和位置自动计算,所以要选中横向+纵向拉伸即可。

3:继续增加到3个子组件的,我们发现所有子组件都重叠覆盖在一起了,这是因为我们没有设置子组件的布局位置,选中要调节的子组件,然后按下箭头进行调节即可


按下向右调节按钮就是向右移动一个单位,其他箭头同理,接下来我们向下移动增加向下的单位,组成第二列效果

如此我们把今天要的效果先排列出来如下:

4:调节子组件间隔,选中其中一个子组件,我们试图在细节面板中通过padding等来调节间距,结果发现找不到可以单个调节的属性,那如何在UniformGridPanel调节子组件间隔距离那?

答案是要在UniformGridPanel的细节面板中调节,因为UniformGridPanel要确保所有子组件大小间隔统一,所以不允许单独调节,这样设计也非常合理!
具体操作在UniformGridPanel的细节面板中调节Slot padding的属性值即可!小技巧为了保持后面子节点四周也是均匀的,我们一般只设置Left和Bottom,Right和Top不设置,会在更上一级的父组件中适配得到


调整一些Border的透明度,并且放到主面板中看一下效果吧

到这里,差不多UniformGridPanel面板的简单的使用差不多就到这里了,感兴趣的朋友可以自己调节其他细节参数,进行更加深度研究,一定会有更多惊喜!
都到这里了,我们就今天的这个效果做完整,接下来就和本节主题UniformGridPanel没有太大关系了,不感兴趣的可以跳过,希望今天这一节会对你有帮助!别忘记一键三连,你的点赞是我最大的动力!多谢!

放到主UI中效果:


相关文章
-
创新药基金霸屏“翻倍基” 机构预判创新药企价值重估
中经记者 罗辑 北京报道8月5日,君实生物(1877.HK)以33.75%的涨幅收盘,再度让港股创新药板块热度激增,相关主题基金也受到市场持续关注。据Wind数据统计,截至8月5日,港股创新药主题基金、指数基金霸屏“翻倍基”榜单。在港股创新药行情持续火热下,近期有多只指数产品相继上市。不过,在前期积
2025-08-09 02:47:00 -
双鹿空调售后服务号码24小时实时反馈-今-日-资-讯(双鹿空调室内风机不启动 )
我是双鹿空调的客服小金,非常感谢您对双鹿空调的信任与支持。关于您提到的双鹿空调产品相关故障的问题,请您不要担心,我会从以下几个方面为您详细解答。请您确认是否按照说明书正确使用产品。400-883-2086是我们的售后服务电话,如果在使用过程中遇到任何疑问,都可以随时拨打该电话进行咨询。双
2025-08-08 23:59:58 -
LG空调-全国各售后热线实时反馈-今-日-汇-总(LG空调空调显示E2故障码,怎么处理? )
LG空调服务网点热线:400-883-2086, 为您提供LG空调维修点查询、LG空调售后维修服务商等查询服务。覆盖的LG空调维修点地址电话。LG空调售后服务承诺;1.上门服务时间(周一至周日8:00-21:00)2..师傅接单后30分钟到达目的地(情况除外)3.所修
2025-08-08 23:57:17 -
创维天花机售后号码-全国400服务号码实时反馈-今-日-资-讯(创维天花机空调王者风度 )
创维天花机全国售后服务热线:400-883-2086创维天花机在全球拥有18,550名科学家、工程师和专业技术人员,他们不断推动科技创新,为人类创造更美好的未来。创维天花机公司2002年共申请了2370项专利,平均每个工作日诞生10项专利。通过发明、改进和完善电子和机械产品,创维天花机致力于
2025-08-08 23:54:35 -
顿汉布什中央空调客服中心热线号码大全-大金空调常见故障代码介绍(顿汉布什中央空调空调怎么省电 )
顿汉布什中央空调全国服务热线:400-883-2086在当今社会,随着科技的发展和人们生活水平的提升,个人财产的安全已经成为了一个不容忽视的问题。而顿汉布什中央空调作为一种重要的安全防护工具,其安全性、可靠性成为了消费者选择的重要依据。今天,我们就来了解一下顿汉布什中央空调,看看这款产品是如
2025-08-08 23:53:12