在游戏项目中我们常常看到商城的广告牌,几张广告图片循环滚动,类似跑马灯,现在我将讨论一种实现方法,并提供一个管理类,大家可以直接使用。
实现原理:背景图片循环滚动的原理很简单:两张图片向一个方向移动,当达某张图片到临界区域时将图片放在后面,依次循环。
在实际项目中,广告牌显示的图片数量不确定,例如某个假期活动会上很多新品,此时我们需要动态的创建显示的图片(一般在配置表读取数据),如果需要显示分类标签还得动态生成分类标签。
综上所述,一个完整的广告牌组件应该具有以下功能:
- 无限循环的滚动背景图片
- 根据读取的数据动态生成图片
- 具有分类标签,根据显示图片动态生成
- *做成一个管理类,方便使用(一个项目中可能多处会用到)
下面谈谈我的方法:
第一步:创建滚动组件AdvertisementScroll,这个组件挂在GameObject上面,接受传递过来的数据,生成显示的图片和分类标签,在Update中实现无限循环滚动。
using System.Collections.Generic;
using UnityEngine;
namespace Assets.Scripts.Client
{
public class AdvertisementScroll : MonoBehaviour
{
private float _timer;
private bool _isStart;
private Vector3 _toggleCenter;
private int delDistance;
private int _currentPage; //当前页面
private AdvertisementScrollManager.AdvertisementScrollData _itemData;
private List<ToggleData> _toggleList = new List<ToggleData>();
private Vector3 _toLeftPosition;//向左滑动到某个位置
public class ToggleData
{
public string name;
public GameObject go;
}
public AdvertisementScrollManager.AdvertisementScrollData ItemData
{
get { return _itemData; }
set { _itemData = value; }
}
public void StartScroll(bool createToggle)
{
if (!_isStart)
{
CreateAdvertiseBg();
CreateAdvertiseToggle(createToggle);
if (createToggle)
{
if (ItemData.ToggleItem != null)
{
ItemData.ToggleItem.GetComponent<UIToggle>().value = true;
}
}
_currentPage = 1;
_isStart = true;
}
}
/// <summary>
/// 创建需要显示的图片(需要图片数量,图片精灵名称,图片的宽度,图片左边和右边的显示位置)
/// </summary>
private void CreateAdvertiseBg()
{
_toLeftPosition = new Vector3