Unity中通过Input Field输入值批量生成对应数量Button的方法问询

一、前期场景准备 #

• 先在Canvas中添加Input Field组件，输入限制设置为整数模式，避免用户输入非数字内容导致逻辑错误
• 制作Button预制体：在场景中调整好Button的尺寸、文字样式、基础外观后，拖入Project面板生成Prefab，场景中原有的示例Button可以删除
• 新建空物体作为生成Button的父容器，建议挂载Grid Layout Group组件，实现生成按钮的自动排版，不会出现堆叠混乱的问题

小提示：如果需要生成的大量按钮可滚动，给父容器额外挂载Scroll Rect组件即可实现滚动列表效果

二、核心代码实现 #

新建C#脚本，命名为ButtonGenerator.cs，代码内容如下：

using UnityEngine;
using UnityEngine.UI;

public class ButtonGenerator : MonoBehaviour
{
    // 以下参数在Inspector面板拖入对应资源/组件即可
    public InputField numberInput; // 输入数值的输入框
    public Button buttonPrefab; // 提前做好的Button预制体
    public Transform buttonParent; // 生成Button的父容器

    // 生成按钮的方法，后续绑定到触发事件上
    public void GenerateButtons()
    {
        // 先清空之前生成的旧按钮，避免重复
        foreach (Transform child in buttonParent)
        {
            Destroy(child.gameObject);
        }

        // 尝试把输入框的文本转为整数，转换失败默认生成0个
        if (!int.TryParse(numberInput.text, out int generateCount))
        {
            generateCount = 0;
        }

        // 循环生成对应数量的按钮
        for (int i = 0; i < generateCount; i++)
        {
            Button newButton = Instantiate(buttonPrefab, buttonParent);
            // 自定义按钮显示内容，这里示例显示序号
            newButton.GetComponentInChildren<Text>().text = $"按钮 {i + 1}";
            
            // 如需给每个按钮加独立点击事件，可参考下方写法
            int btnIndex = i + 1;
            newButton.onClick.AddListener(() =>
            {
                Debug.Log($"点击了第{btnIndex}个按钮");
            });
        }
    }
}

三、组件绑定步骤 #

• 将写好的ButtonGenerator脚本挂载到场景中任意活跃物体上（比如Canvas即可）
• 把场景中的输入框、Button预制体、按钮父容器三个对象，分别拖到脚本对应的Inspector参数栏中
• 绑定生成触发事件：可以单独加一个「生成」按钮，把它的OnClick事件绑定到ButtonGenerator的GenerateButtons方法；也可以直接绑定输入框的On End Edit事件，输完数字按回车直接生成

四、新手注意事项 #

• 测试阶段不要输入过大的数值，比如一次性生成1000个按钮可能导致卡顿，建议先输入10以内的数值验证逻辑正常后再测试100个的场景
• 如果生成的按钮重叠/排版不符合预期，直接调整父容器上Grid Layout Group的Cell Size（单个按钮尺寸）、Spacing（按钮间距）参数即可
• 如果不需要每个按钮有独立点击逻辑，可以直接删掉代码中加点击事件的部分，减少性能消耗

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