Unity中如何从指定文件夹加载图片并实现幻灯片切换功能？

问题描述 #

我有一组Button控件和多个存放图片的文件夹，希望点击对应Button后加载指定文件夹内的图片，并实现幻灯片式的上下切换功能，请问该如何实现？

原代码存在的问题 #

1. 闭包绑定错误：循环绑定按钮事件时直接引用循环变量i，会导致所有按钮最终传入循环结束后的索引值，需用临时变量捕获当前索引。
2. 路径写法错误：Windows路径需用@避免转义或使用双反斜杠；Assets内本地文件夹不需要添加file://前缀。
3. 缺少核心逻辑：未实现图片加载、存储和幻灯片切换的关键代码。

完整实现方案 #

1. 准备UI组件

场景中需添加以下UI元素：

• 多个Button（分别对应不同图片文件夹）
• RawImage（用于显示图片）
• 两个Button（命名为「上一张」「下一张」，用于幻灯片切换）
• 可选：Text组件（显示当前图片的索引位置）

2. 修正后的完整代码

using UnityEngine;
using UnityEngine.UI;
using System.Collections.Generic;
using System.IO;
using System.Linq;

public class OpenFaculty : MonoBehaviour
{
    public List<Button> facultyButtons; // 对应不同文件夹的按钮列表
    public RawImage imageDisplay;       // 显示图片的RawImage
    public Button prevButton;           // 上一张切换按钮
    public Button nextButton;           // 下一张切换按钮
    public Text imageIndexText;         // 显示当前图片位置的文本（可选）

    private Dictionary<int, string> _facultyPaths;
    private List<Texture2D> _currentImages; // 当前加载的图片集合
    private int _currentImageIndex = 0;     // 当前显示的图片索引

    void Start()
    {
        // 初始化各学院文件夹路径，使用@避免转义问题
        _facultyPaths = new Dictionary<int, string>
        {
            {0, @"C:\Unity\Myproject2\Assets\1ФМФ"},
            {1, @"C:\Unity\Myproject2\Assets\2ФИЯ"},
            {2, @"C:\Unity\Myproject2\Assets\3ФРФиД"},
            {3, @"C:\Unity\Myproject2\Assets\4ФИиП"},
            {4, @"C:\Unity\Myproject2\Assets\5ФП"},
            {5, @"C:\Unity\Myproject2\Assets\6ФТиБ"},
            {6, @"C:\Unity\Myproject2\Assets\7ФИСиГН"},
            {7, @"C:\Unity\Myproject2\Assets\8ФЕН"},
            {8, @"C:\Unity\Myproject2\Assets\9ФФК"},
            {9, @"C:\Unity\Myproject2\Assets\11ФИСиГН"},
            {10, @"C:\Unity\Myproject2\Assets\12МФ"},
            {11, @"C:\Unity\Myproject2\Assets\13ЦДиПО"},
            {12, @"C:\Unity\Myproject2\Assets\14ПОДИГ"},
            {13, @"C:\Unity\Myproject2\Assets\15ИПИТ"},
            {14, @"C:\Unity\Myproject2\Assets\16ИИОП"},
            {15, @"C:\Unity\Myproject2\Assets\17ИТиКИ"}
        };

        // 绑定学院按钮点击事件，用临时变量解决闭包引用问题
        for (int i = 0; i < facultyButtons.Count; i++)
        {
            int facultyIndex = i;
            facultyButtons[i].onClick.AddListener(() => LoadFacultyImages(facultyIndex));
        }

        // 绑定幻灯片切换按钮事件
        prevButton.onClick.AddListener(ShowPreviousImage);
        nextButton.onClick.AddListener(ShowNextImage);

        // 初始状态禁用切换按钮
        prevButton.interactable = false;
        nextButton.interactable = false;
    }

    // 加载指定学院文件夹内的所有图片
    private void LoadFacultyImages(int facultyIndex)
    {
        _currentImages = new List<Texture2D>();
        _currentImageIndex = 0;

        string folderPath = _facultyPaths[facultyIndex];

        // 检查文件夹是否存在
        if (!Directory.Exists(folderPath))
        {
            Debug.LogError($"目标文件夹不存在：{folderPath}");
            return;
        }

        // 筛选文件夹内的常见图片格式文件
        string[] validExtensions = { ".png", ".jpg", ".jpeg", ".bmp", ".tga" };
        string[] imageFilePaths = Directory.GetFiles(folderPath)
            .Where(file => validExtensions.Contains(Path.GetExtension(file).ToLower()))
            .ToArray();

        // 逐个加载图片到Texture2D
        foreach (string filePath in imageFilePaths)
        {
            byte[] imageData = File.ReadAllBytes(filePath);
            Texture2D texture = new Texture2D(2, 2);
            texture.LoadImage(imageData);
            _currentImages.Add(texture);
        }

        // 根据加载结果更新UI状态
        if (_currentImages.Count > 0)
        {
            ShowCurrentImage();
            prevButton.interactable = true;
            nextButton.interactable = true;
        }
        else
        {
            Debug.LogWarning($"目标文件夹内无有效图片：{folderPath}");
            imageDisplay.texture = null;
            prevButton.interactable = false;
            nextButton.interactable = false;
            imageIndexText?.text = string.Empty;
        }
    }

    // 显示当前索引对应的图片
    private void ShowCurrentImage()
    {
        imageDisplay.texture = _currentImages[_currentImageIndex];
        if (imageIndexText != null)
        {
            imageIndexText.text = $"{_currentImageIndex + 1}/{_currentImages.Count}";
        }
    }

    // 切换到上一张图片（循环切换）
    private void ShowPreviousImage()
    {
        _currentImageIndex = (_currentImageIndex - 1 + _currentImages.Count) % _currentImages.Count;
        ShowCurrentImage();
    }

    // 切换到下一张图片（循环切换）
    private void ShowNextImage()
    {
        _currentImageIndex = (_currentImageIndex + 1) % _currentImages.Count;
        ShowCurrentImage();
    }
}

3. 使用说明

1. 在Unity场景中创建空GameObject，将上述脚本挂载到该对象上。
2. 在Inspector面板中，将对应的UI组件拖拽到脚本的对应字段中。
3. 若需打包发布游戏，建议将图片文件夹移至StreamingAssets目录，路径改为Path.Combine(Application.streamingAssetsPath, "文件夹名")。
4. 运行场景，点击对应学院按钮即可加载图片，通过「上一张」「下一张」按钮实现幻灯片切换。

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