Unity 轮播图

核心脚本在这里插入图片描述

using UnityEngine;
using UnityEngine.UI;
using System.IO;
using DG.Tweening;

public class ImageSlider : MonoBehaviour
{
    public RawImage mainImage; // 中间显示的主要图片
    public RawImage leftImage; // 左侧辅助图片
    public RawImage rightImage; // 右侧辅助图片
    public Button prevButton;
    public Button nextButton;

    private string streamingAssetsPath;
    public string imagesFolderName = "ImgData"; // 存放图片的文件夹名称
    public Texture2D[] images; // 存储要轮播的图片
    private int currentImageIndex = 0;
    public float xPositionToMove = 100.0f; // 设置X轴上移动主图片的目标位置
    private void Start()
    {
        streamingAssetsPath = Application.streamingAssetsPath;
        LoadImagesFromStreamingAssets();

        // 初始化显示第一张图片
        ShowImages(currentImageIndex);
        DOTween.Init();
        DOTween.defaultEaseType = Ease.Linear;
        DOTween.defaultTimeScaleIndependent = true;

        // 绑定按钮点击事件
        prevButton.onClick.AddListener(ShowPreviousImage);
        nextButton.onClick.AddListener(ShowNextImage);
    }

    private void LoadImagesFromStreamingAssets()
    {
        // 获取 StreamingAssets 中的图片路径
        string imagesFolderPath = Path.Combine(streamingAssetsPath, imagesFolderName);

        // 获取文件夹中的所有图片文件
        string[] imageFiles = Directory.GetFiles(imagesFolderPath, "*.png");

        // 初始化 images 数组
        images = new Texture2D[imageFiles.Length];

        // 从文件加载图片到数组中
        for (int i = 0; i < imageFiles.Length; i++)
        {
            byte[] imageData = File.ReadAllBytes(imageFiles[i]);
            Texture2D texture = new Texture2D(2, 2);
            texture.LoadImage(imageData);
            images[i] = texture;
        }
    }

    //private void ShowImages(int currentIndex)
    //{
    //    if (currentIndex >= 0 && currentIndex < images.Length)
    //    {
    //        // 显示主要图片
    //        mainImage.texture = images[currentIndex];

    //        // 设置当前主图的索引
    //        currentImageIndex = currentIndex;

    //        // 缩放动画持续时间
    //        float animationDuration = 0.5f;

    //        // 缩放主图并平滑过渡
    //        mainImage.rectTransform.DOScale(new Vector3(1.2f, 1.2f, 1.0f), animationDuration)
    //            .SetEase(Ease.OutQuad);

    //        // 恢复辅助图的大小并平滑过渡
    //        int leftIndex = (currentIndex - 1 + images.Length) % images.Length;
    //        int rightIndex = (currentIndex + 1) % images.Length;

    //        leftImage.texture = images[leftIndex];
    //        leftImage.rectTransform.localScale = new Vector3(1.0f, 1.0f, 1.0f);
    //        leftImage.rectTransform.DOScale(Vector3.one, animationDuration)
    //            .SetEase(Ease.OutQuad);

    //        rightImage.texture = images[rightIndex];
    //        rightImage.rectTransform.localScale = new Vector3(1.0f, 1.0f, 1.0f);
    //        rightImage.rectTransform.DOScale(Vector3.one, animationDuration)
    //            .SetEase(Ease.OutQuad);
    //    }
    //}

    private void ShowImages(int currentIndex)
    {
        if (currentIndex >= 0 && currentIndex < images.Length)
        {
            // 显示主要图片
            mainImage.texture = images[currentIndex];
            mainImage.rectTransform.localScale = new Vector3(1.2f, 1.2f, 1.0f); // 扩大主图

            // 显示左侧辅助图片
            int leftIndex = (currentIndex - 1 + images.Length) % images.Length;
            leftImage.texture = images[leftIndex];
            leftImage.rectTransform.localScale = new Vector3(1.0f, 1.0f, 1.0f); // 恢复辅助图的大小

            // 显示右侧辅助图片
            int rightIndex = (currentIndex + 1) % images.Length;
            rightImage.texture = images[rightIndex];
            rightImage.rectTransform.localScale = new Vector3(1.0f, 1.0f, 1.0f); // 恢复辅助图的大小

            // 设置当前主图的索引
            currentImageIndex = currentIndex;
        }
    }



    private void ShowNextImage()
    {
        // 显示下一张图片
        currentImageIndex = (currentImageIndex + 1) % images.Length;
        ShowImages(currentImageIndex);
    }

    private void ShowPreviousImage()
    {
        // 显示上一张图片
        currentImageIndex = (currentImageIndex - 1 + images.Length) % images.Length;
        ShowImages(currentImageIndex);
    }
}
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实现图片轮播切换可以通过使用Unity的UI组件和动画系统来实现。以下是一个简单的方法: 1. 创建一个空的UI画布,并在画布中创建一个Image组件作为轮播图容器。 2. 在Image组件中添加一个RectTransform组件,用于设置图像的位置和大小。 3. 在轮播图容器中创建多个子对象,每个子对象都是一个Image组件,用于显示不同的图片。 4. 使用Animation或Animator组件创建一个动画控制器,并在其中创建多个动画状态,每个状态对应一个子对象。 5. 在每个动画状态中,设置对应子对象的Image组件的Sprite属性为该状态所对应的图片。 6. 在动画控制器中添加一个动画过渡条件,用于触发下一个状态。 7. 在脚本中通过代码控制动画状态的切换,并触发动画过渡条件。 以下是一个示例脚本: ```csharp using UnityEngine; using UnityEngine.UI; public class ImageSlider : MonoBehaviour { public float switchTime = 3f; // 图片切换时间 private int currentImage = 0; // 当前显示的图片 private int imageCount; // 图片总数 private Animator animator; void Start() { animator = GetComponent<Animator>(); imageCount = transform.childCount; InvokeRepeating("SwitchImage", switchTime, switchTime); } void SwitchImage() { currentImage = (currentImage + 1) % imageCount; animator.SetTrigger("Switch" + currentImage); } } ``` 在上面的示例中,我们使用Animator组件来控制动画状态的切换,使用InvokeRepeating函数来定时触发图片切换。在每次切换时,我们使用currentImage变量来记录当前显示的图片序号,并使用animator.SetTrigger函数来触发对应的动画状态切换。注意,我们在动画状态的名称中使用了数字,这是为了方便在脚本中动态设置动画状态名称。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值