Unity修改图片尺寸导致第一物品栏坐标偏移问题求助

问题描述 #

项目左下角有两个用于放置物品的“物品栏（hand）”，实现物品放置的代码中，第二个物品栏运行正常，但第一个物品栏实例化的物品（obj1）坐标偏左超出画布。推测是第一个物品栏图片尺寸略大于第二个，不想使用固定坐标（new Vector3(...)），寻求适配性解决方案。

现有代码 #

...

if (!IsHandOneFull())
{
    var obj1 = Instantiate(HandItem1, HandItem1.rectTransform.position, new Quaternion(0f, 0f, 0f, 0f), HandItem1.transform);
    obj1.sprite = currentUIItem.GetComponent<Image>().sprite;
    obj1.name = currentUIItem.gameObject.name;
    obj1.gameObject.GetComponent<Image>().rectTransform.sizeDelta = new Vector2(110f, 110f);
}
else if(!IsHandTwoFull())
{
    var obj2 = Instantiate(HandItem2, HandItem2.rectTransform.position, new Quaternion(0f, 0f, 0f, 0f), HandItem2.transform);
    obj2.sprite = currentUIItem.GetComponent<Image>().sprite;
    obj2.name = currentUIItem.gameObject.name;
    obj2.gameObject.GetComponent<Image>().rectTransform.sizeDelta = new Vector2(110f, 110f);
}

解决方案 #

1. 简化实例化逻辑，自动继承父布局 #

实例化时直接传入父物体作为参数，省略位置和旋转参数，Unity会自动让子物体对齐父物体的锚点和位置，无需手动设置坐标：

if (!IsHandOneFull())
{
    var obj1 = Instantiate(HandItem1, HandItem1.transform);
    obj1.sprite = currentUIItem.GetComponent<Image>().sprite;
    obj1.name = currentUIItem.gameObject.name;
    obj1.GetComponent<RectTransform>().sizeDelta = new Vector2(110f, 110f);
}
else if(!IsHandTwoFull())
{
    var obj2 = Instantiate(HandItem2, HandItem2.transform);
    obj2.sprite = currentUIItem.GetComponent<Image>().sprite;
    obj2.name = currentUIItem.gameObject.name;
    obj2.GetComponent<RectTransform>().sizeDelta = new Vector2(110f, 110f);
}

2. 手动校准实例化物体的局部坐标 #

如果需要保留原实例化参数，手动将子物体的局部锚点位置设为原点，并对齐父物体的锚点设置：

if (!IsHandOneFull())
{
    var obj1 = Instantiate(HandItem1, HandItem1.rectTransform.position, Quaternion.identity, HandItem1.transform);
    obj1.sprite = currentUIItem.GetComponent<Image>().sprite;
    obj1.name = currentUIItem.gameObject.name;
    
    var rect = obj1.GetComponent<RectTransform>();
    // 重置局部位置到父物体中心
    rect.anchoredPosition = Vector2.zero;
    rect.sizeDelta = new Vector2(110f, 110f);
    // 对齐父物体的锚点，避免尺寸差异影响
    rect.anchorMin = HandItem1.rectTransform.anchorMin;
    rect.anchorMax = HandItem1.rectTransform.anchorMax;
}

3. 统一物品栏的RectTransform设置 #

检查并统一两个物品栏的**锚点（Anchor）和枢轴（Pivot）**设置：

• 确保HandItem1和HandItem2的Anchor Min/Max一致（比如都设为左下角(0,0)到(0,0)，或者中心(0.5,0.5)到(0.5,0.5)）
• 统一两者的Pivot值（比如都设为(0.5,0.5)）
  这样即使两个物品栏尺寸不同，子物体的显示位置也会保持相对一致。

内容的提问来源于stack exchange，提问作者The Crazy