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

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

本文实例为大家分享了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

标签:Unity,UGUI,滚动
0
投稿

猜你喜欢

  • Java实现学生成绩输出到磁盘文件的方法详解

    2021-11-08 05:24:51
  • Android实战教程第九篇之短信高效备份

    2022-02-14 12:59:20
  • springboot redis分布式锁代码实例

    2023-12-05 21:40:10
  • 关于QueryWrapper,实现MybatisPlus多表关联查询方式

    2021-10-15 07:24:59
  • C#中静态方法和实例化方法的区别、使用

    2023-08-25 20:49:33
  • C++ Opencv实现录制九宫格视频

    2023-08-16 04:11:28
  • Java 爬虫工具Jsoup详解

    2022-04-11 03:46:16
  • Java8中forEach语句循环一个List和Map

    2021-06-02 07:03:54
  • Compose开发之动画艺术探索及实现示例

    2023-09-13 04:16:16
  • Android使用gallery和imageSwitch制作可左右循环滑动的图片浏览器

    2021-08-31 22:49:45
  • 基于Spring Security前后端分离的权限控制系统问题

    2022-10-16 21:32:39
  • 简单说明Java的Struts框架中merge标签的使用方法

    2023-09-17 00:32:26
  • Java面试题冲刺第十八天--Spring框架3

    2023-04-17 22:44:29
  • C#字符串String及字符Char的相关方法

    2023-10-26 03:05:37
  • Spring的@Autowired加到接口上但获取的是实现类的问题

    2023-08-23 21:32:21
  • Java中Map与JSON数据之间的互相转化

    2021-10-26 01:56:19
  • WPF中的ListBox实现按块显示元素的方法

    2021-06-11 03:39:03
  • Android自定义播放器控件VideoView

    2023-06-25 03:29:00
  • Java 高并发八:NIO和AIO详解

    2023-01-29 15:50:51
  • java微信企业号开发之通讯录

    2022-04-28 12:51:40
  • asp之家 软件编程 m.aspxhome.com