软件编程
位置:首页>> 软件编程>> C#编程>> Unity UGUI实现卡片椭圆方向滚动

Unity UGUI实现卡片椭圆方向滚动

作者:尘世喧嚣  发布时间:2022-06-03 06:02:53 

标签:Unity,UGUI,滚动

本文实例为大家分享了UGUI实现卡片椭圆方向滚动的具体代码,供大家参考,具体内容如下

搭建简单的场景

Unity UGUI实现卡片椭圆方向滚动

运行效果

Unity UGUI实现卡片椭圆方向滚动

卡片移动动画通过插件DoTween实现

控制脚本:


using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using DG.Tweening;
public class CardMove : MonoBehaviour {
GameObject[] sprites;
int halfSize;
Vector2 screenCenterPos;
public float startAngle;//中间卡牌的角度
public float deltaAngle;//相邻卡牌的角度差值
public float moveSpeed;//移动动画的速度

public Vector3 center;//椭圆中心点
public float A = 1;//long axis
public float B = 1;//short axis
int cardcount;
// Use this for initialization
void Start () {
 init ();
}

// Update is called once per frame
void Update () {

}
/// <summary>
/// 初始化卡牌显示位置
/// </summary>
void init(){
 screenCenterPos = new Vector2 (Screen.width*0.5f,Screen.height*0.5f);
 cardcount = transform.childCount;
  halfSize = (cardcount - 1) / 2;
 sprites=new GameObject[cardcount];
 for (int i = 0; i < cardcount; i++) {
  sprites [i] = transform.GetChild (i).gameObject;
  setPosition (i,false);
  setDeeps (i);

}

}
/// <summary>
/// 椭圆的半长轴为A,半短轴为B,计算椭圆上一点的位置
/// x=A*cos(angle),y=B*sin(angle)
/// </summary>
/// <param name="index">Index.</param>
/// <param name="userTweener">是否使用tween动画.</param>
void setPosition(int index,bool userTweener=true){
 //计算每一张卡片在椭圆上相对中间卡牌的角度
 float angle = 0;
 if(index<halfSize){//left
  angle=startAngle-(halfSize-index)*deltaAngle;

}else if(index>halfSize){//right

angle = startAngle + (index - halfSize) * deltaAngle;
 }else{//medim
  angle=startAngle;
 }

//通过卡牌的角度,计算对应的位置
 float xpos = A*Mathf.Cos((angle/180)*Mathf.PI);//+center.x;
 float ypos = B*Mathf.Sin((angle/180)*Mathf.PI);//+center.y;
 Debug.Log ("index="+index+",xpos="+xpos+",ypos="+ypos);

Vector2 pos = new Vector2 (xpos,ypos);
//  Debug.Log ("screenPos="+screenPos+",wordPos="+wordPos);

//通过doTween控制卡片移动动画
 if(!userTweener){
  sprites [index].GetComponent<Image> ().rectTransform.DOMove(new Vector2(screenCenterPos.x+pos.x,screenCenterPos.y+pos.y),0f);
 }else
  sprites [index].GetComponent<Image> ().rectTransform.DOMove(new Vector2(screenCenterPos.x+pos.x,screenCenterPos.y+pos.y),1f);

}
/// <summary>
/// 计算每一张卡片的层级
/// </summary>
/// <param name="index">Index.</param>
void setDeeps(int index){
 int deep = 0;
 if (index < halfSize) {//左侧卡牌层级,从左侧到中间,层级依此递增
  deep=index;
 } else if (deep > halfSize) {//右侧卡牌层级,从中间到右侧,层级依此递减
  deep=sprites.Length-(index+1);
 } else {
  deep = halfSize;
 }

sprites [index].GetComponent<RectTransform> ().SetSiblingIndex (deep);
}
/// <summary>
/// 左侧按钮点击,向左移动
/// </summary>
public void OnLeftBtnClick(){
 int length = sprites.Length;

GameObject temp=sprites[0];
 for (int i = 0; i < length; i++) {//移动卡片在数组中的位置,依此向前移动一位
  if (i == length - 1)
   sprites [i] = temp;
  else
   sprites [i] = sprites [i + 1];
 }

for (int i = 0; i < length; i++) {//跟新数组卡片需要显示的位置和层级
  setPosition (i);
  setDeeps (i);
 }
}

/// <summary>
/// 右侧按钮点击,向右移动
/// </summary>
public void RightBtnClick(){
 int length = sprites.Length;

GameObject temp=sprites[length-1];
 for (int i = length-1; i >=0; i--) {
  if (i == 0)
   sprites [i] = temp;
  else
   sprites [i] = sprites [i - 1];
 }
 for (int i = 0; i < length; i++) {
  setPosition (i);
  setDeeps (i);
 }
}
}

源码下载:地址

来源:https://blog.csdn.net/u011484013/article/details/73571988

0
投稿

猜你喜欢

手机版 软件编程 asp之家 www.aspxhome.com