【解决】Layout 下创建槽位后,执行 Image 同步槽位位置后表现错误的问题。

开发平台:Unity 6.0

编程语言:CSharp

编程平台:Visual Studio 2022

一、问题背景 | 开发库存系统


|----------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------|
| 图1 位置同步失败问题 | 图2 位置正常同步效果表现 |

黑框 作用于 UnityEngine.UI.GridLayoutGruop ,形成 4x6 布局,如图1所示。
图标 同步至 黑框位置。

csharp 复制代码
public class Example : MonoBehaivour
{
	//...
	void Start() {
		
		this.m_InventoryUI = FindFirstObjectByType<InventoryUI>();
		this.m_InventoryUI.InitEnvironment();
		this.m_InventoryUI.InitInventory(4, 6);
		
		// 添加图标
		this.m_InventoryUI.Add(ItemType.Capsule);
		this.m_InventoryUI.Add(ItemType.Cube);
		this.m_InventoryUI.Add(ItemType.Sphere);
	}
}

二、问题原因


在执行添加物品时,UnityEngine.UI.GridLayoutGruop 并未完成对 黑框 布局的调整任务。

三、解决方法


3.1 延迟帧/秒 执行添加任务

csharp 复制代码
Utils.TimeCoroutine.Delay(1, ()=> { // 添加操作 })

即 使用 StartCoroutine 推迟添加的操作。

3.2 在执行添加任务前,强制刷新


csharp 复制代码
Canvas.ForceUpdateCanvases();

这是强制 Canvas 所有UI更新信息。在仅针对少量 UI 上是有效,但 UI 量一旦增大。则应该考虑下类执行代码:

csharp 复制代码
LayoutRebuilder.ForceRebuildLayoutImmediate(RectTranform rt);

其中 rt 为布局组件对象上的 RectTransform 组件。即 手动强制更新。

其他

尝试过直接使用 layout.SetHorizontalLayout() 等来自继承类的方法来更新布局,但实际上,问题表现仍然存在。

相关推荐
℡枫叶℡5 小时前
Unity - 全局配置Unity工程的资源检索的目录
unity·资源检索配置
mxwin6 小时前
Unity URP 下 TBN 矩阵学习 切线空间、tangent.w 与镜像 UV 的那些坑
学习·unity·矩阵·shader
程序猿多布6 小时前
Unity导表工具解决方案-Luban使用教程
unity·luban
mxwin6 小时前
Unity URP Shader 混合模式完全指南
unity·游戏引擎
mxwin6 小时前
Unity URP 下 HDR 与 Tonemapping 的 Shader 意识
unity·游戏引擎
沉默金鱼7 小时前
U3D高级编程:主程手记——第二章2.1读书笔记
unity·游戏引擎
mxwin18 小时前
Unity Shader 深度写入与关闭ZWrite Off · 半透明排序 · 粒子穿插
unity·游戏引擎·shader
张老师带你学19 小时前
宇宙飞船完整Unity项目
科技·游戏·unity·游戏引擎·模型
mxwin20 小时前
Unity URP 下的流体模拟 深入解析 Navier-Stokes 方程与浅水方程的数学原理
unity·游戏引擎
mxwin1 天前
Unity Shader 深度重建世界坐标
unity·游戏引擎·shader