Unity UGUI实现卡片椭圆方向滚动
作者:尘世喧嚣 时间:2022-06-03 06:02:53
本文实例为大家分享了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