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

• • 效果
  • Hierarchy视图
  • • Canvas
    • Scroll View
  • 预设物（Equip）
  • • 宽高比适配器 (Aspect Ratio Fitter)
  • 图集（Equip Atlas）
  • • 创建图集
    • 脚本（获取图集中的图片Sprite）
  • 网格布局
  • • Grid Layout Group
    • 内容大小适配器 (Content Size Fitter)
  • 水平布局
  • 垂直布局

Image游戏对象的图片需要从图集中获取，配置好预设物后配置Source Image为None

Project Settings ---> Editor ---> Sprite Packer ---> Mode 配置模式为Enabled

⚠️未找到Sprite Atlas 可先下载导入2D 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("Equip Atlas");

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

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

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

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