Unity实现轮播图

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using DG.Tweening;

public class Carlousel : MonoBehaviour
{
    private List<Transform> objs=new();        //轮播图片列表
    private List<Vector3> pos = new();         //记录图片位置   
    int count = 0;
    Transform curImg;
    // Start is called before the first frame update
    void Start()
    {
        for (int i = 0; i < transform.childCount; i++)
        {
            objs.Add(transform.GetChild(i));
            pos.Add(transform.GetChild(i).position);
        }
    }
    IEnumerator RefreshCarlousel()
    {
        while (true)
        {
            yield return new WaitForSeconds(2f);
            for (int i = 0; i < objs.Count; i++)
            {
                int cur = i;
                objs[i].DOScale(Vector3.one * 0.9f, 0.5f).OnComplete(delegate { DoMove(cur); });
            }
            count++;
            yield return new WaitForSeconds(3f);
        }
    }
    void DoMove(int cur)
    {
        if (cur - (count % objs.Count) < 0)
        {
            objs[cur].DOMove(pos[pos.Count - (count % objs.Count - cur)], 0.5f).OnComplete(() => {
                objs[cur].DOScale(Vector3.one, 0.5f);
            });
        }
        else
        {
            objs[cur].DOMove(pos[cur - (count % objs.Count)], 0.5f).OnComplete(()=> {
                objs[cur].DOScale(Vector3.one, 0.5f);
            });
        }
    }
    private void OnEnable()
    {
        OpenOrClose(true);
    }
    private void OnDisable()
    {
        OpenOrClose(false);
    }
    public void OpenOrClose(bool ison)
    {
        if (ison)
        {
            StartCoroutine(RefreshCarlousel());
        }
        else
        {
            StopAllCoroutines();
        }
    }
}

图片按顺序排列-(第二个位置是图片显示的位置也是遮罩位置)

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
unity图片轮播切换是指在unity中使用某个组件实现多张图片轮流展示的功能。在unity中,我们可以通过使用UGUI的Image组件来实现这个功能。具体实现步骤如下: 1.创建一个新的GameObject,并给其命名为Slider(或其它你想要的名称),然后将Canvas组件拖到该GameObject上。 2.在Slider中添加Scroll Rect组件和Image组件。设置Image中的Sprite为你想要轮播的图片,并设置Scroll Rect中的Content的大小和位置来适应你的图片。 3.如果你要设置自动轮播,在Slider的GameObject中,添加一个空的脚本SliderScript,并在该脚本的Start函数中添加InvokeRepeating函数,可以实现定时切换图片的功能。比如,每隔2秒切换一次图片,代码如下: ``` using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class SliderScript : MonoBehaviour { //定义一个变量用来存储图片 public Sprite[] images; //定义一个变量记录图片的索引 private int index = 0; //定义一下图片切换的时间 public float intervalTime = 2f; //定义一下滑动距离 private float slideDistance; //获取RectTransfrom组件 private RectTransform rectTransform; //获取ScrollRect组件 private ScrollRect scrollRect; // Start is called before the first frame update void Start() { //获取RectTransfrom组件 rectTransform = GetComponent<RectTransform>(); //获取ScrollRect组件 scrollRect = GetComponent<ScrollRect>(); //计算一下每张图片的宽度 slideDistance = rectTransform.rect.width / images.Length; //设置自动轮播 InvokeRepeating("ChangeImage", intervalTime, intervalTime); } //切换图片 private void ChangeImage() { //如果当前已经到了最后一张图片,则回到第一张 if (index == images.Length - 1) { index = 0; } else { index++; } //根据索引计算目标位置 float targetPosition = index * slideDistance; //设置滚动位置 scrollRect.horizontalNormalizedPosition = Mathf.Lerp(scrollRect.horizontalNormalizedPosition, targetPosition, Time.deltaTime * 10f); } } ``` 4.如果你想要使用左右箭头来控制图片的切换,可以在Slider中添加两个空的GameObject,并分别将它们命名为Prev和Next。然后,为每个GameObject添加Button组件,并将每个Button的OnClick属性指定为SliderScript中同名的两个公共方法Prev和Next。 5.在SliderScript脚本中声明两个公共方法Prev和Next,并在这两个方法中实现左右箭头点击时的图片切换逻辑。比如,点击左箭头显示前一张图片,点击右箭头显示后一张图片,代码如下: ``` //显示前一张图片 public void Prev() { //如果当前已经是第一张图片,则切换到最后一张 if (index == 0) { index = images.Length - 1; } else { index--; } //根据索引计算目标位置 float targetPosition = index * slideDistance; //设置滚动位置 scrollRect.horizontalNormalizedPosition = targetPosition; } //显示后一张图片 public void Next() { //如果当前已经是最后一张图片,则切换到第一张 if (index == images.Length - 1) { index = 0; } else { index++; } //根据索引计算目标位置 float targetPosition = index * slideDistance; //设置滚动位置 scrollRect.horizontalNormalizedPosition = targetPosition; } ``` 6.最后,在unity中播放游戏,就可以看到图片自动轮播和左右箭头控制切换图片的效果了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值