【Unity开发】Unity实现英雄联盟选择皮肤效果

using UnityEngine;
using System.Collections;
/// <summary>
/// 脚本位置：Card预制体身上
/// 脚本功能：保存Card所有数据信息，用于更换图片
/// </summary>
public class CardInfo : MonoBehaviour {
	// 保存3张图片的深度信息
	// 背景图片-》toggle激活图片-》人物图片
	public UIWidget [] widgets;

	// 用于控制图片的切换
	public UITexture cardTexture;

	// 当TweenPosition动画播放完成的时候
	// 执行该方法
	public void OnTweenPositionFinish()
	{
		// 获取自身当前的tween动画
		TweenPosition tp = GetComponent<TweenPosition>();
		// 设置动画的起点
		tp.from = gameObject.transform.localPosition;
		// 将动画重置成开始状态
		tp.ResetToBeginning();
	}


	

}

using UnityEngine;
using System.Collections;
using System.Collections.Generic;
/// <summary>
/// 脚本位置：UI Root
/// 脚本功能：生成预制体，改变预制体图片
/// </summary>
public class SelectCard : MonoBehaviour {
	// 所有卡牌的父物体
	public GameObject cardManager;
	// 中间卡牌的下标索引
	private int centerCardIndex = 0;
	private int moveX = 180;
	private int moveY = 40;
	// 每张card上需要调整depth的组件数量
	private int componetCount = 3;
	// 用于更换card图片的texture数组
	private Texture[] cardTexture;
	private List<CardInfo> cardInfoList = new List<CardInfo> ();

	void Start () {
		// 加载图片数组 
		cardTexture = Resources.LoadAll<Texture>("Pictures");
		// 最大索引
		int maxIndex  = cardTexture.Length / 2 + 1;
		// 中间卡牌数索引 （比如8张图，中间1张，左右一个4张，一个3张）  
        // 所以这个单边卡牌的索引就是4+1 = 5
		centerCardIndex = maxIndex;

		// 根据图片数组长度生成Card模板预制体
		// 遍历Resources加载到的所有图片 
		for (int i = 0; i < cardTexture.Length; i++) {
			// 加载人物卡牌图片预设体（注意不能加载到UIRoot的外面，那样会自动创建多个UICamera）
			GameObject goCardPrefab = Instantiate(Resources.Load<GameObject>("Card"));

			// 设置card的父物体
			goCardPrefab.transform.parent = cardManager.transform;

			// 设置card的大小
			goCardPrefab.transform.localScale = Vector3.one;

			// 给toggle添加监听事件
			EventDelegate.Add(goCardPrefab.GetComponent<UIToggle>().onChange,OnToggleValueChange);

			// item就是一个保存人物卡片上三张图片深度数据的类脚本 
			CardInfo item = goCardPrefab.GetComponent<CardInfo>();

			// 获取生成的预制体卡牌的一个texture属性，赋值为当前自己所在的预制体身上的图片   
            // 注意：赋值之前，要保证这个mainTexture原本就是有图的   
			item.cardTexture.mainTexture = cardTexture[i];

			// 设置人物卡牌的命名排序规则  
            // 当前生成的预制体名字为默认 最大索引 既 居中那张的数字  
            // 默认加载的第0张图片是居中的，加载顺序与文件夹中图片的顺序无关  
			goCardPrefab.name = maxIndex.ToString();
			// 判断生成物体的编号
			if (i > 0) {
				// 奇数设置为右边,下标为正数  
				if (i % 2 == 1) {
					maxIndex--;
					goCardPrefab.name = maxIndex.ToString();

				} 
				// 偶数设置为左边,下标为负数 
				else {	
					// 这里深度不需要再减的原因是已经在奇数位减过了  
                    // 比如9张牌，居中为5，先奇数减一变成4，那么下一次就是偶数，应该是-4了  
					goCardPrefab.name = "-" + maxIndex.ToString();
				}
			}
			// 初始化人物卡牌的位置   
            // 调用设置人物卡牌的深度以及位置  
			SetPositionAndDepth(item, 0, 0);
			cardInfoList.Add(item);
		}
	
	}
	
	// Update is called once per frame
	void Update () {
	
	}
	// direction表示移动方向
	// 1：左移   -1：右移  0：初始化（不移动）
	void SetPositionAndDepth(CardInfo cardInfo, int direction, int nextIndex)

	{
		int nameIndex = 0;
		if (direction == 0) {
			nameIndex = int.Parse(cardInfo.name);
		}
		// 左右移动后，重新排序命名  
        // 第一次初始化的时候并不调用 
		if (direction != 0) {
			// nameIndex通过当前名字转换过来的  
            // 最中间位置的编号变化,右移：原-4变5；左移：原5变-4  
            // 正常情况下，左移，所有数都会+1  
            // 但中间那张牌不是，需要减一，再乘一个负数  
			if (nextIndex * direction > centerCardIndex) {
				nameIndex = -direction * (centerCardIndex - 1);
			} else {
                // index=0既，左面的-1要到右面变为+1 或者右面的 +1 要移动到左面变成-1
                // 但是这个需要一个判断，判断一共有多少张卡牌，如果是偶数的情况下，好吧，你画张图就知道了~
				if (nextIndex == 0) {
					nameIndex = cardInfoList.Count % 2 == 1 ? direction : direction * 2;
				} else {
                    // 移动后，索引变成nextIndex，符合条件，可以赋值
					nameIndex = nextIndex;
				}
			}
			// 发生了移动，改变了索引，需要更改名字
			cardInfo.name = nameIndex.ToString();
		}

		// 获取当前卡牌的tween组件，设置to坐标
		TweenPosition tp = cardInfo.GetComponent<TweenPosition>();
		// 根据当前卡牌名字的正负，来判断是左移还是右移
		int x = nameIndex > 0 ? (centerCardIndex - nameIndex) * moveX :-(centerCardIndex + nameIndex) * moveX;
		// 因为Y值都是向上，所以需要一个正数判断Y的位移
		nameIndex = Mathf.Abs(nameIndex);
		tp.to = new Vector3(x,(centerCardIndex - nameIndex) * moveY, 0);

		// 设置当前移动卡牌的3张图片的深度
		for (int i = 0; i < cardInfo.widgets.Length; i++) {
		cardInfo.widgets[i].depth = nameIndex * componetCount + i;
		}
		// 如果当前移动的卡牌的index是centercardindex
		// 将toggle设置为选中状态
		cardInfo.GetComponent<UIToggle>().value = nameIndex == centerCardIndex ? true : false;

		// 向前播放动画
		tp.PlayForward();
	}

	// 当点击向左旋转的按钮时
	void OnClickLeftButton()
	{
		foreach (CardInfo item in cardInfoList) {
			int nowIndex = int.Parse(item.name);
			SetPositionAndDepth(item, 1, ++nowIndex);
		}
	}

	// 当点击向右旋转的按钮时
	void OnClickRightButton()
	{
		foreach (CardInfo item in cardInfoList) {
			int nowIndex = int.Parse(item.name);
			SetPositionAndDepth(item, -1, --nowIndex);
		}
	}


	 void OnToggleValueChange()
	{
		if (UIToggle.current.value) {
			// 获取当前点击的toggle的物体名字
			int index = int.Parse(UIToggle.current.name);
			// 需要移动的单位
			int needMoveCount = centerCardIndex - Mathf.Abs(index);

			for (int i = 0; i < needMoveCount; i++) {
				if (index > 0) {
					OnClickLeftButton();
				} else {
					OnClickRightButton();
				}
			}

		}
	}
}