Unity（三十一）：自动布局组件「网格、水平、垂直布局」「宽高比、内容大小适配器」 - 物品栏实现

自动布局组件

• ​​效果​​
• ​​Hierarchy视图​​

• ​​Canvas​​
• ​​Scroll View​​

• ​​预设物（Equip）​​

• ​​宽高比适配器 (Aspect Ratio Fitter)​​

• ​​图集（Equip Atlas）​​

• ​​创建图集​​
• ​​脚本（获取图集中的图片Sprite）​​

• ​​网格布局​​

• ​​Grid Layout Group​​
• ​​内容大小适配器 (Content Size Fitter)​​

• ​​水平布局​​
• ​​垂直布局​​

效果

Hierarchy视图

Canvas

Scroll View

预设物（Equip）

宽高比适配器 (Aspect Ratio Fitter)

图集（Equip Atlas）

创建图集

脚本（获取图集中的图片Sprite）

using UnityEngine;
using UnityEngine.U2D;
using UnityEngine.UI;

public class LayoutScript : MonoBehaviour
{
    public GameObject equipPrefab;
    private SpriteAtlas _spriteAtlas;

    private void Start()
    {
        _spriteAtlas = Resources.Load<SpriteAtlas>("Equip Atlas");

        Sprite[] sprites = new Sprite[_spriteAtlas.spriteCount];
        _spriteAtlas.GetSprites(sprites);

        // 方式一 GetSprites
        foreach (var sprite in sprites)
        {
            equipPrefab.transform.Find("Image").GetComponent<Image>().sprite = sprite;
            Instantiate(equipPrefab, transform, true);
        }

        // 方式二 GetSprite
        foreach (var sprite in sprites)
        {
            string spriteName = sprite.name.Replace("(Clone)", "");
            equipPrefab.transform.Find("Image").GetComponent<Image>().sprite = _spriteAtlas.GetSprite(spriteName);
            Instantiate(equipPrefab, transform, true);
        }

        // 设置缩放
        for (int i = 0; i < transform.childCount; i++)
        {
            transform.GetChild(i).GetComponent<RectTransform>().localScale = new Vector3(1, 1, 1);
        }
    }
}

网格布局

Grid Layout Group

内容大小适配器 (Content Size Fitter)

水平布局

垂直布局