125 lines
4.7 KiB
C#
125 lines
4.7 KiB
C#
/// <summary>
|
|
/// Credit - ryanslikesocool
|
|
/// Sourced from - https://github.com/ryanslikesocool/Unity-Card-UI
|
|
/// </summary>
|
|
|
|
using System.Collections;
|
|
using System.Collections.Generic;
|
|
using UnityEngine;
|
|
using UnityEngine.UI;
|
|
|
|
namespace UnityEngine.UI.Extensions
|
|
{
|
|
public class CardExpanding2D : MonoBehaviour
|
|
{
|
|
|
|
[SerializeField]
|
|
private float lerpSpeed = 8f;
|
|
|
|
[SerializeField]
|
|
private RectTransform buttonRect = null;
|
|
private Vector2 closeButtonMin = Vector2.zero;
|
|
private Vector2 closeButtonMax = Vector2.zero;
|
|
|
|
[SerializeField]
|
|
private Vector2 cardSize = Vector2.zero;
|
|
[SerializeField]
|
|
private Vector2 pageSize = Vector2.zero;
|
|
|
|
private Vector2 cardCenter = Vector2.zero;
|
|
private Vector2 pageCenter = Vector2.zero;
|
|
|
|
private Vector2 cardMin = Vector2.zero;
|
|
private Vector2 cardMax = Vector2.zero;
|
|
private Vector2 pageMin = Vector2.zero;
|
|
private Vector2 pageMax = Vector2.zero;
|
|
|
|
private RectTransform rectTrans;
|
|
///I wouldn't recommend changing animationActive's value here unless you want the card to start as a page.
|
|
private int animationActive = -1;
|
|
|
|
void Start()
|
|
{
|
|
rectTrans = GetComponent<RectTransform>();
|
|
|
|
///Setting up the button's starting color and page position.
|
|
buttonRect.GetComponent<Image>().color = new Color32(228, 0, 0, 0);
|
|
|
|
closeButtonMin = new Vector2(pageMin.x + pageSize.x - 64, pageMin.y + pageSize.y - 64);
|
|
closeButtonMax = new Vector2(pageMax.x - 16, pageMax.y - 16);
|
|
|
|
///Setting up the card and page offsets.
|
|
cardMin = new Vector2(cardCenter.x - cardSize.x * 0.5f, cardCenter.y - cardSize.y * 0.5f);
|
|
cardMax = new Vector2(cardCenter.x + cardSize.x * 0.5f, cardCenter.y + cardSize.y * 0.5f);
|
|
|
|
pageMin = new Vector2(pageCenter.x - pageSize.x * 0.5f, pageCenter.y - pageSize.y * 0.5f);
|
|
pageMax = new Vector2(pageCenter.x + pageSize.x * 0.5f, pageCenter.y + pageSize.y * 0.5f);
|
|
}
|
|
|
|
void Update()
|
|
{
|
|
///When animationActive == 1, the card is expanding into a page.
|
|
if (animationActive == 1)
|
|
{
|
|
rectTrans.offsetMin = Vector2.Lerp(rectTrans.offsetMin, pageMin, Time.deltaTime * lerpSpeed);
|
|
rectTrans.offsetMax = Vector2.Lerp(rectTrans.offsetMax, pageMax, Time.deltaTime * lerpSpeed);
|
|
|
|
if (rectTrans.offsetMin.x < pageMin.x * 0.995f && rectTrans.offsetMin.y < pageMin.y * 0.995f && rectTrans.offsetMax.x > pageMax.x * 0.995f && rectTrans.offsetMax.y > pageMax.y * 0.995f)
|
|
{
|
|
rectTrans.offsetMin = pageMin;
|
|
rectTrans.offsetMax = pageMax;
|
|
|
|
///Changes the button color so it's visible in the page view.
|
|
buttonRect.GetComponent<Image>().color = Color32.Lerp(buttonRect.GetComponent<Image>().color, new Color32(228, 0, 0, 191), Time.deltaTime * lerpSpeed);
|
|
|
|
if (Mathf.Abs(buttonRect.GetComponent<Image>().color.a - 191) < 2)
|
|
{
|
|
buttonRect.GetComponent<Image>().color = new Color32(228, 0, 0, 191);
|
|
|
|
animationActive = 0;
|
|
CardStack2D.canUseHorizontalAxis = true;
|
|
}
|
|
}
|
|
///When animationActive == -1, the page is shrinking into a card.
|
|
}
|
|
else if (animationActive == -1)
|
|
{
|
|
buttonRect.GetComponent<Image>().color = Color32.Lerp(buttonRect.GetComponent<Image>().color, new Color32(228, 0, 0, 0), Time.deltaTime * lerpSpeed * 1.25f);
|
|
|
|
rectTrans.offsetMin = Vector2.Lerp(rectTrans.offsetMin, cardMin, Time.deltaTime * lerpSpeed);
|
|
rectTrans.offsetMax = Vector2.Lerp(rectTrans.offsetMax, cardMax, Time.deltaTime * lerpSpeed);
|
|
|
|
if (rectTrans.offsetMin.x > cardMin.x * 1.005f && rectTrans.offsetMin.y > cardMin.y * 1.005f && rectTrans.offsetMax.x < cardMax.x * 1.005f && rectTrans.offsetMax.y < cardMax.y * 1.005f)
|
|
{
|
|
rectTrans.offsetMin = cardMin;
|
|
rectTrans.offsetMax = cardMax;
|
|
|
|
///Makes the button take up the whole card.
|
|
buttonRect.offsetMin = Vector2.zero;
|
|
buttonRect.offsetMax = Vector2.zero;
|
|
|
|
animationActive = 0;
|
|
CardStack2D.canUseHorizontalAxis = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
public void ToggleCard()
|
|
{
|
|
CardStack2D.canUseHorizontalAxis = false;
|
|
if (animationActive != 1)
|
|
{
|
|
animationActive = 1;
|
|
cardCenter = transform.localPosition;
|
|
|
|
///Makes the button the right size in page view.
|
|
buttonRect.offsetMin = closeButtonMin;
|
|
buttonRect.offsetMax = closeButtonMax;
|
|
}
|
|
else if (animationActive != -1)
|
|
{
|
|
animationActive = -1;
|
|
}
|
|
}
|
|
}
|
|
} |