关卡选择与布局器

unity布局管理器

使用unity布局管理器轻松对关卡选择进行布局。

实现过程

1. 准备普通按钮button设置字体和对应的sprite
2. 设置父gameobject（levelbase） 再创建UI.image（selectbackground）布局背景和大小
3. gameobject（gridcontent）添加 grid layout group（布局）组件和content size fitter组件（控制布局内按钮拉伸）
4. 将准备的按钮置于gameobject的子类
   
5. 给布局背景添加rectmask2D属性，可以遮盖多余的

6. 给父类levelbase添加scroll rect组件，并将gridcontent放入其content属性下，将levelbackground设置在viewport属性下

7. levelbase设置脚本
   用于读取关卡信息设置按钮的是否可以交互状态

using System.Collections;
using System.Collections.Generic;
using TMPro;
using Unity.VisualScripting;
using UnityEngine;
using UnityEngine.UI;

public class ButtonIcons : MonoBehaviour
{
    [SerializeField] private Button[] lvlButton;
    [SerializeField] private Sprite unlockedIcon;
    [SerializeField] private Sprite lockedIcon;
    [SerializeField] private int firstLevelBuildIndex;
    // Start is called before the first frame update
    private void Awake()
    {
        int unlockedLvL = PlayerPrefs.GetInt(EndGameManager.endManager.lvlUnlock, firstLevelBuildIndex);
        
        for(int i=0;i<lvlButton.Length; i++)
        {

            if (i + firstLevelBuildIndex <= unlockedLvL)
            {
                lvlButton[i].interactable = true;
                lvlButton[i].image.sprite = unlockedIcon;
                TextMeshProUGUI textButton = lvlButton[i].GetComponentInChildren<TextMeshProUGUI>();
                textButton.text = (i + 1).ToString();
                textButton.enabled = true;
            }
            else
            {
                lvlButton[i].interactable = false;
                lvlButton[i].transition = 0;
                lvlButton[i].transform.Find("Image").gameObject.SetActive(true);
                
                lvlButton[i].GetComponentInChildren<TextMeshProUGUI>().enabled = false;

            }
        }
    }
}