unity 无限轮播图

### 实现无限循环的图片轮播效果

为了创建一个平滑且高效的无限循环图片轮播效果，在 Unity 中可以采用 UGUI (UnityEngine.UI) 组件来构建此功能。具体方法如下：

#### 创建基础结构

在Hierarchy视图中，新建2D Object->Sprite 或者一个 Image，用于作为单张展示图片的基础对象，并将准备好的精灵放入 Texture 属性内[^1]。

// 假设已经有一个预制体 Prefab 用来表示每一张要显示的图片
public GameObject imagePrefab;

#### 设置容器布局

建立一个新的空 GameObject 来充当所有即将被实例化的图像的父级容器，以便于管理这些子物体的位置和顺序。对于这个父级游戏对象来说，应该附加 `Horizontal Layout Group` 和 `Content Size Fitter` 组件以确保其能够自动调整大小适应内部的内容变化并保持水平排列方式。

#### 编写脚本逻辑

编写 C# 脚本来控制图片之间的切换行为以及处理超出屏幕范围后的重定位操作。下面是一个简单的例子展示了如何通过编程的方式完成上述需求:

using UnityEngine;
using System.Collections.Generic;

public class InfiniteCarousel : MonoBehaviour {
    public float scrollSpeed = 5f; // 滚动速度
    private List<GameObject> images = new List<GameObject>(); // 存储所有的image gameobject
    private RectTransform rectTransform; // 当前组件RectTransform引用
    
    void Start() {
        rectTransform = GetComponent<RectTransform>();
        
        // 初始化加载几张图片到场景里
        for(int i=0;i<3;i++){
            AddImageToQueue();
        }
    }

    void Update(){
        foreach(var img in images){
            var pos = img.GetComponent<RectTransform>().anchoredPosition;
            pos.x -= Time.deltaTime * scrollSpeed;
            
            if(pos.x < -rectTransform.rect.width){ // 如果移出了左边边界，则移动至队列末端位置重新进入视野
                MoveToEnd(img);
            }else{
                img.GetComponent<RectTransform>().anchoredPosition=pos;
            }
        }
    }

    void AddImageToQueue(){
        GameObject go = Instantiate(imagePrefab, transform);
        go.transform.localScale=new Vector3(1,1,1);

        // 将新加入的对象放置在现有最后一个元素之后
        if(images.Count==0){
            go.GetComponent<RectTransform>().anchoredPosition=new Vector2(rectTransform.rect.width/2,0);
        }else{
            var lastPos=images[images.Count-1].GetComponent<RectTransform>().anchoredPosition;
            go.GetComponent<RectTransform>().anchoredPosition=
                new Vector2(lastPos.x+(go.GetComponent<RectTransform>().sizeDelta.x+mSpacing),lastPos.y);
        }
        images.Add(go);
    }

    void MoveToEnd(GameObject obj){
        var newPos=(Vector2)obj.GetComponent<RectTransform>().anchoredPosition+
                    new Vector2((obj.GetComponent<RectTransform>().sizeDelta.x+mSpacing)*images.Count,0);
        obj.GetComponent<RectTransform>().anchoredPosition=newPos;
        images.Remove(obj);
        images.Insert(0,obj);    
    }
}

这段代码实现了基本的功能框架，包括初始化时预加载一定数量的图片、持续向左滚动它们的同时检测是否越过了左侧边缘并将之移到右侧继续参与流动过程。注意这里假设了每个 item 的宽度加上间距等于 `mCellSize.x + mSpacing.x` ，这需要根据实际情况修改成合适的数值[^4]。