471 lines
12 KiB
C#
471 lines
12 KiB
C#
/*************************************************************************
|
||
* Copyright © 2020 Great1217. All rights reserved.
|
||
*------------------------------------------------------------------------
|
||
* File : AnnularSlider.cs
|
||
* Description : Null.
|
||
*------------------------------------------------------------------------
|
||
* Author : Great1217
|
||
* Version : 0.1.0
|
||
* Date : 13/11/2020
|
||
* Description : Initial development version.
|
||
*************************************************************************/
|
||
|
||
using System;
|
||
using System.Collections.Generic;
|
||
using UnityEngine;
|
||
using UnityEngine.Events;
|
||
using UnityEngine.EventSystems;
|
||
using UnityEngine.UI;
|
||
|
||
[RequireComponent(typeof(RectTransform)), ExecuteInEditMode]
|
||
public class AnnularSlider : Selectable, IDragHandler, ICanvasElement
|
||
{
|
||
[Serializable]
|
||
public class DragEvent : UnityEvent
|
||
{
|
||
}
|
||
|
||
[Serializable]
|
||
public class DragValueEvent : UnityEvent<float>
|
||
{
|
||
}
|
||
|
||
[SerializeField] private Image _fillImage;
|
||
[SerializeField] private Image.Origin360 _fillOrigin;
|
||
[SerializeField] private bool _clockwise;
|
||
[SerializeField] private bool _wholeNumbers;
|
||
[SerializeField] private float _minValue;
|
||
[SerializeField] private float _maxValue = 1f;
|
||
[SerializeField] private float _maxAngle = 360f;
|
||
[SerializeField] private float _value;
|
||
|
||
[SerializeField] private RectTransform _handleRect;
|
||
[SerializeField] private float _radius = 10f;
|
||
[SerializeField] private bool _towardCenter;
|
||
|
||
[SerializeField] private DragValueEvent _onValueChanged = new DragValueEvent();
|
||
[SerializeField] private DragEvent _onBeginDragged = new DragEvent();
|
||
[SerializeField] private DragEvent _onDragging = new DragEvent();
|
||
[SerializeField] private DragEvent _onEndDragged = new DragEvent();
|
||
|
||
private bool _delayedUpdateVisuals;
|
||
|
||
public Image FillImage
|
||
{
|
||
get { return _fillImage; }
|
||
set
|
||
{
|
||
if (SetClass(ref _fillImage, value))
|
||
{
|
||
UpdateCachedReferences();
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public Image.Origin360 FillOrigin
|
||
{
|
||
get { return _fillOrigin; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _fillOrigin, value))
|
||
{
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public bool Clockwise
|
||
{
|
||
get { return _clockwise; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _clockwise, value))
|
||
{
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public bool WholeNumbers
|
||
{
|
||
get { return _wholeNumbers; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _wholeNumbers, value))
|
||
{
|
||
UpdateValue(_value);
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public float MinValue
|
||
{
|
||
get { return _minValue; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _minValue, value))
|
||
{
|
||
UpdateValue(_value);
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public float MaxValue
|
||
{
|
||
get { return _maxValue; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _maxValue, value))
|
||
{
|
||
UpdateValue(_value);
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public float MaxAngle
|
||
{
|
||
get { return _maxAngle; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _maxAngle, value))
|
||
{
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public float Value
|
||
{
|
||
get
|
||
{
|
||
if (_wholeNumbers) return Mathf.Round(_value);
|
||
return _value;
|
||
}
|
||
|
||
set { UpdateValue(value); }
|
||
}
|
||
|
||
public RectTransform HandleRect
|
||
{
|
||
get { return _handleRect; }
|
||
set
|
||
{
|
||
if (SetClass(ref _handleRect, value))
|
||
{
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public float Radius
|
||
{
|
||
get { return _radius; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _radius, value))
|
||
{
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public bool TowardCenter
|
||
{
|
||
get { return _towardCenter; }
|
||
set
|
||
{
|
||
if (SetStruct(ref _towardCenter, value))
|
||
{
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
}
|
||
|
||
public DragValueEvent OnValueChanged
|
||
{
|
||
get { return _onValueChanged; }
|
||
set { _onValueChanged = value; }
|
||
}
|
||
|
||
public DragEvent OnBeginDragged
|
||
{
|
||
get { return _onBeginDragged; }
|
||
set { _onBeginDragged = value; }
|
||
}
|
||
|
||
public DragEvent OnDragging
|
||
{
|
||
get { return _onDragging; }
|
||
set { _onDragging = value; }
|
||
}
|
||
|
||
public DragEvent OnEndDragged
|
||
{
|
||
get { return _onEndDragged; }
|
||
set { _onEndDragged = value; }
|
||
}
|
||
|
||
public float NormalizedValue
|
||
{
|
||
get
|
||
{
|
||
if (Mathf.Approximately(_minValue, _maxValue)) return 0;
|
||
return Mathf.InverseLerp(_minValue, _maxValue, Value);
|
||
}
|
||
set { Value = Mathf.Lerp(_minValue, _maxValue, value); }
|
||
}
|
||
|
||
protected override void OnEnable()
|
||
{
|
||
base.OnEnable();
|
||
UpdateCachedReferences();
|
||
UpdateValue(_value, false);
|
||
UpdateVisuals();
|
||
}
|
||
|
||
#if UNITY_EDITOR
|
||
protected override void OnValidate()
|
||
{
|
||
base.OnValidate();
|
||
|
||
if (WholeNumbers)
|
||
{
|
||
_minValue = Mathf.Round(_minValue);
|
||
_maxValue = Mathf.Round(_maxValue);
|
||
}
|
||
|
||
//Onvalidate is called before OnEnabled. We need to make sure not to touch any other objects before OnEnable is run.
|
||
if (IsActive())
|
||
{
|
||
UpdateCachedReferences();
|
||
UpdateValue(_value, false);
|
||
_delayedUpdateVisuals = true;
|
||
}
|
||
|
||
|
||
//if (!UnityEditor.PrefabUtility.IsComponentAddedToPrefabInstance(this) && !Application.isPlaying)
|
||
// CanvasUpdateRegistry.RegisterCanvasElementForLayoutRebuild(this);
|
||
}
|
||
#endif
|
||
|
||
protected virtual void Update()
|
||
{
|
||
if (_delayedUpdateVisuals)
|
||
{
|
||
_delayedUpdateVisuals = false;
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
|
||
public override void OnPointerDown(PointerEventData eventData)
|
||
{
|
||
if (MayEvent(eventData))
|
||
{
|
||
OnBeginDragged.Invoke();
|
||
//Debug.Log("OnBeginDragged");
|
||
}
|
||
}
|
||
|
||
public void OnDrag(PointerEventData eventData)
|
||
{
|
||
if (!MayEvent(eventData)) return;
|
||
_onDragging.Invoke();
|
||
|
||
Vector2 localPoint;
|
||
if (RectTransformUtility.ScreenPointToLocalPointInRectangle(_fillImage.rectTransform, eventData.position, eventData.pressEventCamera, out localPoint))
|
||
{
|
||
//根据鼠标在rect的位置=>求出角度（相对于X轴右侧 180°表示）=>相对于起始点的角度（360° 表示）=>_fillImage.fillAmount、_handleRect.localPosition
|
||
var angle = GetAngleFromFillOrigin(localPoint); //相对角度 [0f-360f]
|
||
//超出最大角度时，等于相近的边界值
|
||
if (angle > _maxAngle)
|
||
{
|
||
angle = angle - _maxAngle < 360 - angle ? _maxAngle : 0f;
|
||
}
|
||
|
||
NormalizedValue = angle / _maxAngle;
|
||
UpdateVisuals();
|
||
}
|
||
}
|
||
|
||
public override void OnPointerUp(PointerEventData eventData)
|
||
{
|
||
if (MayEvent(eventData))
|
||
{
|
||
OnEndDragged.Invoke();
|
||
//Debug.Log("OnEndDragged");
|
||
}
|
||
}
|
||
|
||
public void Rebuild(CanvasUpdate executing)
|
||
{
|
||
}
|
||
|
||
public void LayoutComplete()
|
||
{
|
||
}
|
||
|
||
public void GraphicUpdateComplete()
|
||
{
|
||
}
|
||
|
||
/// <summary>
|
||
/// 返回是否可交互
|
||
/// </summary>
|
||
/// <returns></returns>
|
||
private bool MayEvent(PointerEventData eventData)
|
||
{
|
||
return IsActive() && IsInteractable() && eventData.button == PointerEventData.InputButton.Left;
|
||
}
|
||
|
||
/// <summary>
|
||
/// 更新缓存引用
|
||
/// </summary>
|
||
private void UpdateCachedReferences()
|
||
{
|
||
if (_fillImage)
|
||
{
|
||
_fillImage.type = Image.Type.Filled;
|
||
_fillImage.fillMethod = Image.FillMethod.Radial360;
|
||
_fillImage.fillOrigin = (int) _fillOrigin;
|
||
_fillImage.fillClockwise = _clockwise;
|
||
}
|
||
}
|
||
|
||
/// <summary>
|
||
/// 更新视觉效果
|
||
/// </summary>
|
||
private void UpdateVisuals()
|
||
{
|
||
#if UNITY_EDITOR
|
||
if (!Application.isPlaying)
|
||
UpdateCachedReferences();
|
||
#endif
|
||
|
||
var angle = NormalizedValue * _maxAngle;
|
||
|
||
if (_fillImage)
|
||
{
|
||
_fillImage.fillAmount = angle / 360f;
|
||
}
|
||
|
||
if (_handleRect)
|
||
{
|
||
_handleRect.transform.localPosition = GetPointFromFillOrigin(ref angle);
|
||
if (_towardCenter)
|
||
{
|
||
_handleRect.transform.localEulerAngles = new Vector3(0f, 0f, angle);
|
||
}
|
||
}
|
||
}
|
||
|
||
/// <summary>
|
||
/// 更新Value
|
||
/// </summary>
|
||
/// <param name="value"></param>
|
||
/// <param name="sendCallback"></param>
|
||
private void UpdateValue(float value, bool sendCallback = true)
|
||
{
|
||
value = Mathf.Clamp(value, _minValue, _maxValue);
|
||
if (_wholeNumbers) value = Mathf.Round(value);
|
||
if (_value.Equals(value)) return;
|
||
_value = value;
|
||
|
||
UpdateVisuals();
|
||
if (sendCallback)
|
||
{
|
||
_onValueChanged.Invoke(_value);
|
||
//Debug.Log("OnValueChanged" + _value);
|
||
}
|
||
}
|
||
|
||
/// <summary>
|
||
/// 返回基于起始点的角度（0°~360°）
|
||
/// </summary>
|
||
/// <param name="point"></param>
|
||
/// <returns></returns>
|
||
/// <exception cref="ArgumentOutOfRangeException"></exception>
|
||
private float GetAngleFromFillOrigin(Vector2 point)
|
||
{
|
||
var angle = Mathf.Atan2(point.y, point.x) * Mathf.Rad2Deg; //相对于X轴右侧（FillOrigin.Right）的角度
|
||
//转换为相对于起始点的角度
|
||
switch (_fillOrigin)
|
||
{
|
||
case Image.Origin360.Bottom:
|
||
angle = _clockwise ? 270 - angle : 90 + angle;
|
||
break;
|
||
case Image.Origin360.Right:
|
||
angle = _clockwise ? -angle : angle;
|
||
break;
|
||
case Image.Origin360.Top:
|
||
angle = _clockwise ? 90 - angle : 270 + angle;
|
||
break;
|
||
case Image.Origin360.Left:
|
||
angle = _clockwise ? 180 - angle : 180 + angle;
|
||
break;
|
||
default:
|
||
throw new ArgumentOutOfRangeException();
|
||
}
|
||
|
||
//转 360 °表示
|
||
if (angle > 360)
|
||
{
|
||
angle -= 360;
|
||
}
|
||
|
||
if (angle < 0)
|
||
{
|
||
angle += 360;
|
||
}
|
||
|
||
return angle;
|
||
}
|
||
|
||
/// <summary>
|
||
/// 返回基于起始点、角度、半径的位置
|
||
/// </summary>
|
||
/// <param name="angle"></param>
|
||
/// <returns></returns>
|
||
/// <exception cref="ArgumentOutOfRangeException"></exception>
|
||
private Vector2 GetPointFromFillOrigin(ref float angle)
|
||
{
|
||
//转化为相对于X轴右侧（FillOrigin.Right）的角度
|
||
switch (_fillOrigin)
|
||
{
|
||
case Image.Origin360.Bottom:
|
||
angle = _clockwise ? 270 - angle : angle - 90;
|
||
break;
|
||
case Image.Origin360.Right:
|
||
angle = _clockwise ? -angle : angle;
|
||
break;
|
||
case Image.Origin360.Top:
|
||
angle = _clockwise ? 90 - angle : 90 + angle;
|
||
break;
|
||
case Image.Origin360.Left:
|
||
angle = _clockwise ? 180 - angle : 180 + angle;
|
||
break;
|
||
default:
|
||
throw new ArgumentOutOfRangeException();
|
||
}
|
||
|
||
var radian = angle * Mathf.Deg2Rad;
|
||
return new Vector2(Mathf.Cos(radian) * _radius, Mathf.Sin(radian) * _radius);
|
||
}
|
||
|
||
private static bool SetStruct<T>(ref T setValue, T value) where T : struct
|
||
{
|
||
if (EqualityComparer<T>.Default.Equals(setValue, value)) return false;
|
||
setValue = value;
|
||
return true;
|
||
}
|
||
|
||
private static bool SetClass<T>(ref T setValue, T value) where T : class
|
||
{
|
||
if (setValue == null && value == null || setValue != null && setValue.Equals(value)) return false;
|
||
setValue = value;
|
||
return true;
|
||
}
|
||
} |