Files
XCharts/Runtime/Component/Animation/AnimationStyle.cs

636 lines
21 KiB
C#
Raw Normal View History

2022-05-22 22:17:38 +08:00
using System;
using System.Collections.Generic;
using UnityEngine;
2022-02-19 22:37:57 +08:00
namespace XCharts.Runtime
{
2021-12-11 18:26:28 +08:00
public enum AnimationType
{
2021-12-12 18:05:26 +08:00
/// <summary>
/// he default. An animation playback mode will be selected according to the actual situation.
2022-03-24 08:37:06 +08:00
/// |默认。内部会根据实际情况选择一种动画播放方式。
2021-12-12 18:05:26 +08:00
/// </summary>
2021-12-11 18:26:28 +08:00
Default,
2021-12-12 18:05:26 +08:00
/// <summary>
/// Play the animation from left to right.
2022-03-24 08:37:06 +08:00
/// |从左往右播放动画。
2021-12-12 18:05:26 +08:00
/// </summary>
2021-12-11 18:26:28 +08:00
LeftToRight,
2021-12-12 18:05:26 +08:00
/// <summary>
/// Play the animation from bottom to top.
2022-03-24 08:37:06 +08:00
/// |从下往上播放动画。
2021-12-12 18:05:26 +08:00
/// </summary>
2021-12-11 18:26:28 +08:00
BottomToTop,
2021-12-12 18:05:26 +08:00
/// <summary>
/// Play animations from the inside out.
2022-03-24 08:37:06 +08:00
/// |由内到外播放动画。
2021-12-12 18:05:26 +08:00
/// </summary>
2021-12-11 18:26:28 +08:00
InsideOut,
2021-12-12 18:05:26 +08:00
/// <summary>
/// Play the animation along the path.
/// |沿着路径播放动画。当折线图从左到右无序或有折返时,可以使用该模式。
2021-12-12 18:05:26 +08:00
/// </summary>
AlongPath,
/// <summary>
/// Play the animation clockwise.
2022-03-24 08:37:06 +08:00
/// |顺时针播放动画。
2021-12-12 18:05:26 +08:00
/// </summary>
2021-12-11 18:26:28 +08:00
Clockwise,
2021-12-12 18:05:26 +08:00
}
2021-12-11 18:26:28 +08:00
2021-12-12 18:05:26 +08:00
public enum AnimationEasing
{
Linear,
2021-12-11 18:26:28 +08:00
}
2021-12-12 18:05:26 +08:00
/// <summary>
/// the animation of serie.
2022-03-24 08:37:06 +08:00
/// |动画表现。
/// </summary>
[System.Serializable]
2021-12-11 18:26:28 +08:00
public class AnimationStyle : ChildComponent
{
[SerializeField] private bool m_Enable = true;
2021-12-12 18:05:26 +08:00
[SerializeField] private AnimationType m_Type;
[SerializeField] private AnimationEasing m_Easting;
[SerializeField] private int m_Threshold = 2000;
[SerializeField] private float m_FadeInDuration = 1000;
[SerializeField] private float m_FadeInDelay = 0;
[SerializeField] private float m_FadeOutDuration = 1000f;
[SerializeField] private float m_FadeOutDelay = 0;
[SerializeField] private bool m_DataChangeEnable = true;
[SerializeField] private float m_DataChangeDuration = 500;
2019-11-30 21:24:04 +08:00
[SerializeField] private float m_ActualDuration;
[SerializeField][Since("v3.4.0")] private bool m_UnscaledTime;
/// <summary>
/// 自定义渐入动画延时函数。返回ms值。
/// </summary>
2022-03-04 22:17:32 +08:00
public AnimationDelayFunction fadeInDelayFunction;
/// <summary>
/// 自定义渐入动画时长函数。返回ms值。
/// </summary>
2022-03-04 22:17:32 +08:00
public AnimationDurationFunction fadeInDurationFunction;
/// <summary>
/// 自定义渐出动画延时函数。返回ms值。
/// </summary>
2022-03-04 22:17:32 +08:00
public AnimationDelayFunction fadeOutDelayFunction;
/// <summary>
/// 自定义渐出动画时长函数。返回ms值。
/// </summary>
2022-03-04 22:17:32 +08:00
public AnimationDurationFunction fadeOutDurationFunction;
2021-12-12 18:05:26 +08:00
public AnimationStyleContext context = new AnimationStyleContext();
/// <summary>
/// Whether to enable animation.
2022-03-24 08:37:06 +08:00
/// |是否开启动画效果。
/// </summary>
public bool enable { get { return m_Enable; } set { m_Enable = value; } }
/// <summary>
2021-12-12 18:05:26 +08:00
/// The type of animation.
2022-03-24 08:37:06 +08:00
/// |动画类型。
2021-12-12 18:05:26 +08:00
/// </summary>
public AnimationType type { get { return m_Type; } set { m_Type = value; } }
/// <summary>
2022-03-24 08:37:06 +08:00
/// Easing method used for the first animation.
/// |动画的缓动效果。
/// </summary>
2022-06-15 07:36:05 +08:00
//public Easing easting { get { return m_Easting; } set { m_Easting = value; } }
/// <summary>
/// The milliseconds duration of the fadeIn animation.
2022-03-24 08:37:06 +08:00
/// |设定的渐入动画时长毫秒。如果要设置单个数据项的渐入时长可以用代码定制customFadeInDuration。
/// </summary>
public float fadeInDuration { get { return m_FadeInDuration; } set { m_FadeInDuration = value < 0 ? 0 : value; } }
/// <summary>
/// The milliseconds duration of the fadeOut animation.
2022-03-24 08:37:06 +08:00
/// |设定的渐出动画时长毫秒。如果要设置单个数据项的渐出时长可以用代码定制customFadeOutDuration。
/// </summary>
public float fadeOutDuration { get { return m_FadeOutDuration; } set { m_FadeOutDuration = value < 0 ? 0 : value; } }
/// <summary>
/// The milliseconds actual duration of the first animation.
2022-03-24 08:37:06 +08:00
/// |实际的动画时长(毫秒)。
/// </summary>
2019-11-30 21:24:04 +08:00
public float actualDuration { get { return m_ActualDuration; } }
/// <summary>
/// Whether to set graphic number threshold to animation. Animation will be disabled when graphic number is larger than threshold.
2022-03-24 08:37:06 +08:00
/// |是否开启动画的阈值,当单个系列显示的图形数量大于这个阈值时会关闭动画。
/// </summary>
public int threshold { get { return m_Threshold; } set { m_Threshold = value; } }
/// <summary>
/// The milliseconds delay before updating the first animation.
2022-03-24 08:37:06 +08:00
/// |渐入动画延时毫秒。如果要设置单个数据项的延时可以用代码定制customFadeInDelay。
/// </summary>
public float fadeInDelay { get { return m_FadeInDelay; } set { m_FadeInDelay = value < 0 ? 0 : value; } }
/// <summary>
/// 渐出动画延时毫秒。如果要设置单个数据项的延时可以用代码定制customFadeOutDelay。
/// </summary>
public float fadeOutDelay { get { return m_FadeOutDelay; } set { m_FadeInDelay = value < 0 ? 0 : value; } }
2019-11-30 21:24:04 +08:00
/// <summary>
/// 是否开启数据变更动画。
/// </summary>
public bool dataChangeEnable { get { return m_DataChangeEnable; } set { m_DataChangeEnable = value; } }
2019-11-30 21:24:04 +08:00
/// <summary>
/// The milliseconds duration of the data change animation.
2022-03-24 08:37:06 +08:00
/// |数据变更的动画时长(毫秒)。
2019-11-30 21:24:04 +08:00
/// </summary>
public float dataChangeDuration { get { return m_DataChangeDuration; } set { m_DataChangeDuration = value < 0 ? 0 : value; } }
2020-07-17 12:19:21 +08:00
/// <summary>
/// Animation updates independently of Time.timeScale.
/// |动画是否受TimeScaled的影响。默认为 false 受TimeScaled的影响。
/// </summary>
public bool unscaledTime { get { return m_UnscaledTime; } set { m_UnscaledTime = value; } }
/// <summary>
2020-07-17 12:19:21 +08:00
/// 渐入动画完成回调
/// </summary>
public Action fadeInFinishCallback { get; set; }
/// <summary>
/// 渐出动画完成回调
/// </summary>
public Action fadeOutFinishCallback { get; set; }
2021-12-12 18:05:26 +08:00
private Dictionary<int, float> m_ItemCurrProgress = new Dictionary<int, float>();
private Dictionary<int, float> m_ItemDestProgress = new Dictionary<int, float>();
private bool m_FadeIn = false;
private bool m_IsEnd = true;
private bool m_IsPause = false;
private bool m_FadeOut = false;
private bool m_FadeOuted = false;
private bool m_IsInit = false;
private float startTime { get; set; }
2021-12-12 18:05:26 +08:00
private float m_CurrDetailProgress;
private float m_DestDetailProgress;
private float m_TotalDetailProgress;
private float m_CurrSymbolProgress;
2021-11-23 13:20:07 +08:00
private Vector3 m_LinePathLastPos;
public void FadeIn()
{
2021-11-23 13:20:07 +08:00
if (m_FadeOut)
return;
if (m_IsPause)
{
m_IsPause = false;
return;
}
2021-11-23 13:20:07 +08:00
if (m_FadeIn)
return;
startTime = Time.time;
m_FadeIn = true;
m_IsEnd = false;
m_IsInit = false;
m_IsPause = false;
m_FadeOuted = false;
m_CurrDetailProgress = 0;
m_DestDetailProgress = 1;
m_CurrSymbolProgress = 0;
2021-12-12 18:05:26 +08:00
m_ItemCurrProgress.Clear();
m_ItemDestProgress.Clear();
}
public void Restart()
{
Reset();
FadeIn();
}
public void FadeOut()
{
if (m_IsPause)
{
m_IsPause = false;
return;
}
2021-11-23 13:20:07 +08:00
m_FadeOut = true;
startTime = Time.time;
m_FadeIn = true;
m_IsEnd = false;
m_IsInit = false;
m_IsPause = false;
m_CurrDetailProgress = 0;
m_DestDetailProgress = 1;
m_CurrSymbolProgress = 0;
2021-12-12 18:05:26 +08:00
m_ItemCurrProgress.Clear();
m_ItemDestProgress.Clear();
}
public void Pause()
{
if (!m_IsPause)
{
m_IsPause = true;
}
}
public void Resume()
{
if (m_IsPause)
{
m_IsPause = false;
}
}
private void End()
{
2021-11-23 13:20:07 +08:00
if (m_IsEnd)
return;
2022-05-22 22:17:38 +08:00
m_ActualDuration = (int) ((Time.time - startTime) * 1000) - (m_FadeOut ? fadeOutDelay : fadeInDelay);
m_IsEnd = true;
m_IsInit = false;
2021-11-23 13:20:07 +08:00
2020-07-17 12:19:21 +08:00
if (m_FadeIn)
{
m_FadeIn = false;
if (fadeInFinishCallback != null)
{
fadeInFinishCallback();
}
}
if (m_FadeOut)
{
m_FadeOut = false;
m_FadeOuted = true;
2020-07-17 12:19:21 +08:00
if (fadeOutFinishCallback != null)
{
fadeOutFinishCallback();
}
}
}
public void Reset()
{
m_FadeIn = false;
m_IsEnd = true;
m_IsInit = false;
m_IsPause = false;
m_FadeOut = false;
m_FadeOuted = false;
2021-12-12 18:05:26 +08:00
m_ItemCurrProgress.Clear();
}
2021-12-12 18:05:26 +08:00
public void InitProgress(float curr, float dest)
{
2021-11-23 13:20:07 +08:00
if (m_IsInit || m_IsEnd)
return;
m_IsInit = true;
2021-12-08 08:31:32 +08:00
m_TotalDetailProgress = dest - curr;
if (m_FadeOut)
{
m_CurrDetailProgress = dest;
m_DestDetailProgress = curr;
}
else
{
m_CurrDetailProgress = curr;
m_DestDetailProgress = dest;
}
}
2021-12-08 08:31:32 +08:00
public void InitProgress(List<Vector3> paths, bool isY)
{
if (paths.Count < 1) return;
var sp = paths[0];
var ep = paths[paths.Count - 1];
var currDetailProgress = isY ? sp.y : sp.x;
var totalDetailProgress = isY ? ep.y : ep.x;
2021-12-12 18:05:26 +08:00
if (context.type == AnimationType.AlongPath)
2021-12-08 08:31:32 +08:00
{
currDetailProgress = 0;
totalDetailProgress = 0;
var lp = sp;
for (int i = 1; i < paths.Count; i++)
{
var np = paths[i];
totalDetailProgress += Vector3.Distance(np, lp);
lp = np;
}
2021-12-12 18:05:26 +08:00
m_LinePathLastPos = sp;
context.currentPathDistance = 0;
2021-12-08 08:31:32 +08:00
}
2021-12-12 18:05:26 +08:00
InitProgress(currDetailProgress, totalDetailProgress);
}
private void SetDataCurrProgress(int index, float state)
{
2021-12-12 18:05:26 +08:00
m_ItemCurrProgress[index] = state;
}
2021-12-12 18:05:26 +08:00
private float GetDataCurrProgress(int index, float initValue, float destValue, ref bool isBarEnd)
{
2020-08-18 09:29:23 +08:00
if (IsInDelay())
{
isBarEnd = false;
return initValue;
}
2021-12-12 18:05:26 +08:00
var c1 = !m_ItemCurrProgress.ContainsKey(index);
var c2 = !m_ItemDestProgress.ContainsKey(index);
2020-08-19 09:11:23 +08:00
if (c1 || c2)
{
2021-11-23 13:20:07 +08:00
if (c1)
2021-12-12 18:05:26 +08:00
m_ItemCurrProgress.Add(index, initValue);
2021-11-23 13:20:07 +08:00
if (c2)
2021-12-12 18:05:26 +08:00
m_ItemDestProgress.Add(index, destValue);
2021-11-23 13:20:07 +08:00
2020-08-18 09:29:23 +08:00
isBarEnd = false;
}
else
{
2021-12-12 18:05:26 +08:00
isBarEnd = m_ItemCurrProgress[index] == m_ItemDestProgress[index];
}
2021-12-12 18:05:26 +08:00
return m_ItemCurrProgress[index];
}
2020-08-18 09:29:23 +08:00
public bool IsFinish()
{
#if UNITY_EDITOR
2021-11-23 13:20:07 +08:00
if (!Application.isPlaying)
return true;
#endif
2021-12-12 18:05:26 +08:00
if (!m_Enable || m_IsEnd)
return true;
if (IsIndexAnimation())
2022-06-20 08:24:00 +08:00
{
if (m_FadeOut) return m_CurrDetailProgress <= m_DestDetailProgress;
else return m_CurrDetailProgress > m_DestDetailProgress;
}
2021-12-12 18:05:26 +08:00
if (IsItemAnimation())
return false;
return true;
}
public bool IsInFadeOut()
{
return m_FadeOut;
}
public bool IsInDelay()
{
2021-11-23 13:20:07 +08:00
if (m_FadeOut)
return (fadeOutDelay > 0 && Time.time - startTime < fadeOutDelay / 1000);
else
return (fadeInDelay > 0 && Time.time - startTime < fadeInDelay / 1000);
}
2021-12-12 18:05:26 +08:00
public bool IsItemAnimation()
{
return context.type == AnimationType.BottomToTop || context.type == AnimationType.InsideOut;
}
public bool IsIndexAnimation()
{
2022-05-22 22:17:38 +08:00
return context.type == AnimationType.LeftToRight ||
context.type == AnimationType.Clockwise ||
context.type == AnimationType.AlongPath;
2021-12-12 18:05:26 +08:00
}
public float GetIndexDelay(int dataIndex)
{
2022-03-04 22:17:32 +08:00
if (m_FadeOut && fadeOutDelayFunction != null)
return fadeOutDelayFunction(dataIndex);
else if (m_FadeIn && fadeInDelayFunction != null)
return fadeInDelayFunction(dataIndex);
2021-11-23 13:20:07 +08:00
else
return 0;
}
2021-12-12 18:05:26 +08:00
public bool IsInIndexDelay(int dataIndex)
{
2021-12-12 18:05:26 +08:00
return Time.time - startTime < GetIndexDelay(dataIndex) / 1000f;
}
public bool IsAllOutDelay(int dataCount)
{
var nowTime = Time.time - startTime;
for (int i = 0; i < dataCount; i++)
{
2021-12-12 18:05:26 +08:00
if (nowTime < GetIndexDelay(i) / 1000)
2021-11-23 13:20:07 +08:00
return false;
}
return true;
}
2020-03-08 10:47:48 +08:00
public bool CheckDetailBreak(float detail)
{
2021-12-12 18:05:26 +08:00
if (!IsIndexAnimation())
return false;
return !IsFinish() && detail > m_CurrDetailProgress;
}
public bool CheckDetailBreak(Vector3 pos, bool isYAxis)
{
2021-12-12 18:05:26 +08:00
if (!IsIndexAnimation())
return false;
2021-11-23 13:20:07 +08:00
if (IsFinish())
return false;
2021-12-12 18:05:26 +08:00
if (context.type == AnimationType.AlongPath)
2021-11-23 13:20:07 +08:00
{
2021-12-12 18:05:26 +08:00
context.currentPathDistance += Vector3.Distance(pos, m_LinePathLastPos);
2021-11-23 13:20:07 +08:00
m_LinePathLastPos = pos;
2021-12-12 18:05:26 +08:00
return CheckDetailBreak(context.currentPathDistance);
2021-11-23 13:20:07 +08:00
}
else
{
if (isYAxis)
return pos.y > m_CurrDetailProgress;
else
return pos.x > m_CurrDetailProgress;
}
}
2021-12-12 18:05:26 +08:00
public void CheckProgress()
2021-12-08 08:31:32 +08:00
{
2021-12-12 18:05:26 +08:00
if (IsItemAnimation() && context.isAllItemAnimationEnd)
{
End();
return;
}
2021-12-08 08:31:32 +08:00
CheckProgress(m_TotalDetailProgress);
}
2021-12-12 18:05:26 +08:00
public void CheckProgress(double total)
{
2021-11-23 13:20:07 +08:00
if (IsFinish())
return;
if (!m_IsInit || m_IsPause || m_IsEnd)
return;
if (IsInDelay())
return;
2022-05-22 22:17:38 +08:00
m_ActualDuration = (int) ((Time.time - startTime) * 1000) - fadeInDelay;
var duration = GetCurrAnimationDuration();
var delta = (float) (total / duration * (m_UnscaledTime ? Time.unscaledDeltaTime : Time.deltaTime));
if (m_FadeOut)
{
m_CurrDetailProgress -= delta;
if (m_CurrDetailProgress <= m_DestDetailProgress)
{
m_CurrDetailProgress = m_DestDetailProgress;
End();
}
}
else
{
m_CurrDetailProgress += delta;
if (m_CurrDetailProgress >= m_DestDetailProgress)
{
m_CurrDetailProgress = m_DestDetailProgress;
End();
}
}
}
internal float GetCurrAnimationDuration(int dataIndex = -1)
{
if (dataIndex >= 0)
{
2022-03-04 22:17:32 +08:00
if (m_FadeOut && fadeOutDurationFunction != null)
return fadeOutDurationFunction(dataIndex) / 1000f;
if (m_FadeIn && fadeInDurationFunction != null)
return fadeInDurationFunction(dataIndex) / 1000f;
}
2021-11-23 13:20:07 +08:00
if (m_FadeOut)
return m_FadeOutDuration > 0 ? m_FadeOutDuration / 1000 : 1f;
else
return m_FadeInDuration > 0 ? m_FadeInDuration / 1000 : 1f;
}
2022-02-19 17:35:22 +08:00
internal float CheckItemProgress(int dataIndex, float destProgress, ref bool isEnd, float startProgress = 0)
{
2021-12-12 18:05:26 +08:00
isEnd = false;
2022-02-19 17:35:22 +08:00
var initHig = m_FadeOut ? destProgress : startProgress;
var destHig = m_FadeOut ? startProgress : destProgress;
2021-12-12 18:05:26 +08:00
var currHig = GetDataCurrProgress(dataIndex, initHig, destHig, ref isEnd);
if (isEnd || IsFinish())
{
2022-02-19 17:35:22 +08:00
return m_FadeOuted ? startProgress : destProgress;
}
2021-12-12 18:05:26 +08:00
else if (IsInDelay() || IsInIndexDelay(dataIndex))
2020-08-19 09:11:23 +08:00
{
2022-02-19 17:35:22 +08:00
return m_FadeOut ? destProgress : startProgress;
2020-08-19 09:11:23 +08:00
}
else if (m_IsPause)
{
2020-08-18 09:29:23 +08:00
return currHig;
}
else
{
var duration = GetCurrAnimationDuration(dataIndex);
var delta = (destProgress - startProgress) / duration * (m_UnscaledTime ? Time.unscaledDeltaTime : Time.deltaTime);
2020-08-18 09:29:23 +08:00
currHig = currHig + (m_FadeOut ? -delta : delta);
if (m_FadeOut)
{
if ((initHig > 0 && currHig <= 0) || (initHig < 0 && currHig >= 0))
{
currHig = 0;
2021-12-12 18:05:26 +08:00
isEnd = true;
}
}
else
{
2022-05-22 22:17:38 +08:00
if ((destProgress - startProgress > 0 && currHig > destProgress) ||
(destProgress - startProgress < 0 && currHig < destProgress))
{
currHig = destProgress;
isEnd = true;
}
}
SetDataCurrProgress(dataIndex, currHig);
return currHig;
}
}
2022-03-31 21:54:34 +08:00
public void CheckSymbol(float dest)
{
2021-11-23 13:20:07 +08:00
if (!enable || m_IsEnd || m_IsPause || !m_IsInit)
return;
if (IsInDelay())
return;
var duration = GetCurrAnimationDuration();
var delta = dest / duration * (m_UnscaledTime ? Time.unscaledDeltaTime : Time.deltaTime);
if (m_FadeOut)
{
m_CurrSymbolProgress -= delta;
2021-11-23 13:20:07 +08:00
if (m_CurrSymbolProgress < 0)
m_CurrSymbolProgress = 0;
}
else
{
m_CurrSymbolProgress += delta;
2021-11-23 13:20:07 +08:00
if (m_CurrSymbolProgress > dest)
m_CurrSymbolProgress = dest;
}
}
public float GetSysmbolSize(float dest)
{
#if UNITY_EDITOR
2021-11-23 13:20:07 +08:00
if (!Application.isPlaying)
return dest;
#endif
2021-11-23 13:20:07 +08:00
if (!enable)
return dest;
if (m_IsEnd)
return m_FadeOut ? 0 : dest;
return m_CurrSymbolProgress;
}
public float GetCurrDetail()
{
2021-11-28 20:31:41 +08:00
#if UNITY_EDITOR
if (!Application.isPlaying)
return m_DestDetailProgress;
#endif
return m_CurrDetailProgress;
}
public float GetCurrRate()
{
#if UNITY_EDITOR
2021-11-23 13:20:07 +08:00
if (!Application.isPlaying)
return 1;
#endif
2021-11-23 13:20:07 +08:00
if (!enable || m_IsEnd)
return 1;
return m_CurrDetailProgress;
}
public int GetCurrIndex()
{
#if UNITY_EDITOR
2021-11-23 13:20:07 +08:00
if (!Application.isPlaying)
return -1;
#endif
2021-11-23 13:20:07 +08:00
if (!enable || m_IsEnd)
return -1;
2022-05-22 22:17:38 +08:00
return (int) m_CurrDetailProgress;
}
2019-11-30 21:24:04 +08:00
public float GetUpdateAnimationDuration()
{
if (m_Enable && m_DataChangeEnable)
2021-11-23 13:20:07 +08:00
return m_DataChangeDuration;
else
return 0;
2019-11-30 21:24:04 +08:00
}
public bool HasFadeOut()
{
return enable && m_FadeOuted && m_IsEnd;
}
}
}