Unity UGUI實(shí)現(xiàn)卡片橢圓方向滾動
更新時間:2021年07月27日 10:35:45 作者:塵世喧囂
這篇文章主要為大家詳細(xì)介紹了UGUI實(shí)現(xiàn)卡片橢圓方向滾動效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了UGUI實(shí)現(xiàn)卡片橢圓方向滾動的具體代碼,供大家參考,具體內(nèi)容如下
搭建簡單的場景
運(yùn)行效果
卡片移動動畫通過插件DoTween實(shí)現(xiàn)
控制腳本:
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;//橢圓中心點(diǎn) 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,計(jì)算橢圓上一點(diǎn)的位置 /// 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){ //計(jì)算每一張卡片在橢圓上相對中間卡牌的角度 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; } //通過卡牌的角度,計(jì)算對應(yīng)的位置 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> /// 計(jì)算每一張卡片的層級 /// </summary> /// <param name="index">Index.</param> void setDeeps(int index){ int deep = 0; if (index < halfSize) {//左側(cè)卡牌層級,從左側(cè)到中間,層級依此遞增 deep=index; } else if (deep > halfSize) {//右側(cè)卡牌層級,從中間到右側(cè),層級依此遞減 deep=sprites.Length-(index+1); } else { deep = halfSize; } sprites [index].GetComponent<RectTransform> ().SetSiblingIndex (deep); } /// <summary> /// 左側(cè)按鈕點(diǎn)擊,向左移動 /// </summary> public void OnLeftBtnClick(){ int length = sprites.Length; GameObject temp=sprites[0]; for (int i = 0; i < length; i++) {//移動卡片在數(shù)組中的位置,依此向前移動一位 if (i == length - 1) sprites [i] = temp; else sprites [i] = sprites [i + 1]; } for (int i = 0; i < length; i++) {//跟新數(shù)組卡片需要顯示的位置和層級 setPosition (i); setDeeps (i); } } /// <summary> /// 右側(cè)按鈕點(diǎn)擊,向右移動 /// </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); } } }
源碼下載:地址
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
WPF+ASP.NET?SignalR實(shí)現(xiàn)簡易在線聊天功能的示例代碼
這篇文章將以一個簡單的聊天示例,簡述如何通過WPF+ASP.NET?SignalR實(shí)現(xiàn)消息后臺通知,僅供學(xué)習(xí)分享使用,如有不足之處,還請指正2022-09-09c# winform取消右上角關(guān)閉按鈕的實(shí)現(xiàn)方法
本文是對c#中winform取消右上角關(guān)閉按鈕的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下。希望對大家有所幫助2013-10-10