2019-11-16 22:49:21 +08:00
|
|
|
|
/// Credit setchi (https://github.com/setchi)
|
|
|
|
|
/// Sourced from - https://github.com/setchi/FancyScrollView
|
|
|
|
|
|
|
|
|
|
using System;
|
|
|
|
|
using System.Collections.Generic;
|
|
|
|
|
using UnityEngine.UI.Extensions.EasingCore;
|
|
|
|
|
|
|
|
|
|
namespace UnityEngine.UI.Extensions
|
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// ScrollRect スタイルのスクロールビューを実装するための抽象基底クラス.
|
|
|
|
|
/// 無限スクロールおよびスナップには対応していません.
|
|
|
|
|
/// <see cref="FancyScrollView{TItemData, TContext}.Context"/> が不要な場合は
|
|
|
|
|
/// 代わりに <see cref="FancyScrollRect{TItemData}"/> を使用します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <typeparam name="TItemData">アイテムのデータ型.</typeparam>
|
|
|
|
|
/// <typeparam name="TContext"><see cref="FancyScrollView{TItemData, TContext}.Context"/> の型.</typeparam>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
[RequireComponent(typeof(Scroller))]
|
|
|
|
|
public abstract class FancyScrollRect<TItemData, TContext> : FancyScrollView<TItemData, TContext>
|
|
|
|
|
where TContext : class, IFancyScrollRectContext, new()
|
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// スクロール中にセルが再利用されるまでの余白のセル数.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <remarks>
|
|
|
|
|
/// <c>0</c> を指定するとセルが完全に隠れた直後に再利用されます.
|
|
|
|
|
/// <c>1</c> 以上を指定すると, そのセル数だけ余分にスクロールしてから再利用されます.
|
|
|
|
|
/// </remarks>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
[SerializeField] protected float reuseCellMarginCount = 0f;
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// コンテンツ先頭の余白.
|
|
|
|
|
/// </summary>
|
|
|
|
|
[SerializeField] protected float paddingHead = 0f;
|
2019-11-16 22:49:21 +08:00
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// コンテンツ末尾の余白.
|
|
|
|
|
/// </summary>
|
|
|
|
|
[SerializeField] protected float paddingTail = 0f;
|
2019-11-16 22:49:21 +08:00
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// スクロール軸方向のセル同士の余白.
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// </summary>
|
|
|
|
|
[SerializeField] protected float spacing = 0f;
|
2019-11-16 22:49:21 +08:00
|
|
|
|
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// セルのサイズ.
|
|
|
|
|
/// </summary>
|
|
|
|
|
protected abstract float CellSize { get; }
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// スクロール可能かどうか.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <remarks>
|
|
|
|
|
/// アイテム数が十分少なくビューポート内に全てのセルが収まっている場合は <c>false</c>, それ以外は <c>true</c> になります.
|
|
|
|
|
/// </remarks>
|
|
|
|
|
protected virtual bool Scrollable => MaxScrollPosition > 0f;
|
|
|
|
|
|
2019-11-16 22:49:21 +08:00
|
|
|
|
Scroller cachedScroller;
|
2019-12-05 01:25:31 +08:00
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// スクロール位置を制御する <see cref="FancyScrollView.Scroller"/> のインスタンス.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <remarks>
|
|
|
|
|
/// <see cref="Scroller"/> のスクロール位置を変更する際は必ず <see cref="ToScrollerPosition(float)"/> を使用して変換した位置を使用してください.
|
|
|
|
|
/// </remarks>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
protected Scroller Scroller => cachedScroller ?? (cachedScroller = GetComponent<Scroller>());
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
float ScrollLength => 1f / Mathf.Max(cellInterval, 1e-2f) - 1f;
|
|
|
|
|
|
|
|
|
|
float ViewportLength => ScrollLength - reuseCellMarginCount * 2f;
|
|
|
|
|
|
|
|
|
|
float PaddingHeadLength => (paddingHead - spacing * 0.5f) / (CellSize + spacing);
|
|
|
|
|
|
|
|
|
|
float MaxScrollPosition => ItemsSource.Count
|
|
|
|
|
- ScrollLength
|
|
|
|
|
+ reuseCellMarginCount * 2f
|
|
|
|
|
+ (paddingHead + paddingTail - spacing) / (CellSize + spacing);
|
|
|
|
|
|
|
|
|
|
/// <inheritdoc/>
|
|
|
|
|
protected override void Initialize()
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
base.Initialize();
|
|
|
|
|
|
2020-06-30 22:14:04 +08:00
|
|
|
|
Context.ScrollDirection = Scroller.ScrollDirection;
|
2019-11-16 22:49:21 +08:00
|
|
|
|
Context.CalculateScrollSize = () =>
|
|
|
|
|
{
|
|
|
|
|
var interval = CellSize + spacing;
|
|
|
|
|
var reuseMargin = interval * reuseCellMarginCount;
|
|
|
|
|
var scrollSize = Scroller.ViewportSize + interval + reuseMargin * 2f;
|
|
|
|
|
return (scrollSize, reuseMargin);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
AdjustCellIntervalAndScrollOffset();
|
|
|
|
|
Scroller.OnValueChanged(OnScrollerValueChanged);
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// <see cref="Scroller"/> のスクロール位置が変更された際の処理.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="p"><see cref="Scroller"/> のスクロール位置.</param>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
void OnScrollerValueChanged(float p)
|
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
base.UpdatePosition(Scrollable ? ToFancyScrollViewPosition(p) : 0f);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
|
|
|
|
|
if (Scroller.Scrollbar)
|
|
|
|
|
{
|
|
|
|
|
if (p > ItemsSource.Count - 1)
|
|
|
|
|
{
|
|
|
|
|
ShrinkScrollbar(p - (ItemsSource.Count - 1));
|
|
|
|
|
}
|
|
|
|
|
else if (p < 0f)
|
|
|
|
|
{
|
|
|
|
|
ShrinkScrollbar(-p);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// スクロール範囲を超えてスクロールされた量に基づいて, スクロールバーのサイズを縮小します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="offset">スクロール範囲を超えてスクロールされた量.</param>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
void ShrinkScrollbar(float offset)
|
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
var scale = 1f - ToFancyScrollViewPosition(offset) / (ViewportLength - PaddingHeadLength);
|
|
|
|
|
UpdateScrollbarSize((ViewportLength - PaddingHeadLength) * scale);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <inheritdoc/>
|
|
|
|
|
protected override void Refresh()
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
|
|
|
|
AdjustCellIntervalAndScrollOffset();
|
2019-12-05 01:25:31 +08:00
|
|
|
|
RefreshScroller();
|
|
|
|
|
base.Refresh();
|
|
|
|
|
}
|
2019-11-16 22:49:21 +08:00
|
|
|
|
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// <inheritdoc/>
|
|
|
|
|
protected override void Relayout()
|
|
|
|
|
{
|
|
|
|
|
AdjustCellIntervalAndScrollOffset();
|
|
|
|
|
RefreshScroller();
|
|
|
|
|
base.Relayout();
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// <see cref="Scroller"/> の各種状態を更新します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
protected void RefreshScroller()
|
|
|
|
|
{
|
|
|
|
|
Scroller.Draggable = Scrollable;
|
|
|
|
|
Scroller.ScrollSensitivity = ToScrollerPosition(ViewportLength - PaddingHeadLength);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
Scroller.Position = ToScrollerPosition(currentPosition);
|
|
|
|
|
|
|
|
|
|
if (Scroller.Scrollbar)
|
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
Scroller.Scrollbar.gameObject.SetActive(Scrollable);
|
|
|
|
|
UpdateScrollbarSize(ViewportLength);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <inheritdoc/>
|
|
|
|
|
protected override void UpdateContents(IList<TItemData> items)
|
|
|
|
|
{
|
|
|
|
|
Debug.Assert(Context.CalculateScrollSize != null);
|
|
|
|
|
|
|
|
|
|
AdjustCellIntervalAndScrollOffset();
|
|
|
|
|
base.UpdateContents(items);
|
|
|
|
|
|
|
|
|
|
Scroller.SetTotalCount(items.Count);
|
|
|
|
|
RefreshScroller();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// スクロール位置を更新します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="position">スクロール位置.</param>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
protected new void UpdatePosition(float position)
|
|
|
|
|
{
|
2020-06-30 22:14:04 +08:00
|
|
|
|
Scroller.Position = ToScrollerPosition(position, 0.5f);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// 指定したアイテムの位置までジャンプします.
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// </summary>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// <param name="itemIndex">アイテムのインデックス.</param>
|
|
|
|
|
/// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
|
|
|
|
|
protected virtual void JumpTo(int itemIndex, float alignment = 0.5f)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
2020-06-30 22:14:04 +08:00
|
|
|
|
Scroller.Position = ToScrollerPosition(itemIndex, alignment);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 指定したアイテムの位置まで移動します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="index">アイテムのインデックス.</param>
|
|
|
|
|
/// <param name="duration">移動にかける秒数.</param>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <param name="onComplete">移動が完了した際に呼び出されるコールバック.</param>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
protected virtual void ScrollTo(int index, float duration, float alignment = 0.5f, Action onComplete = null)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
|
|
|
|
Scroller.ScrollTo(ToScrollerPosition(index, alignment), duration, onComplete);
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 指定したアイテムの位置まで移動します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="index">アイテムのインデックス.</param>
|
|
|
|
|
/// <param name="duration">移動にかける秒数.</param>
|
|
|
|
|
/// <param name="easing">移動に使用するイージング.</param>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <param name="onComplete">移動が完了した際に呼び出されるコールバック.</param>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
protected virtual void ScrollTo(int index, float duration, Ease easing, float alignment = 0.5f, Action onComplete = null)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
|
|
|
|
Scroller.ScrollTo(ToScrollerPosition(index, alignment), duration, easing, onComplete);
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// ビューポートとコンテンツの長さに基づいてスクロールバーのサイズを更新します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="viewportLength">ビューポートのサイズ.</param>
|
|
|
|
|
protected void UpdateScrollbarSize(float viewportLength)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
var contentLength = Mathf.Max(ItemsSource.Count + (paddingHead + paddingTail - spacing) / (CellSize + spacing), 1);
|
|
|
|
|
Scroller.Scrollbar.size = Scrollable ? Mathf.Clamp01(viewportLength / contentLength) : 1f;
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// <see cref="Scroller"/> が扱うスクロール位置を <see cref="FancyScrollRect{TItemData, TContext}"/> が扱うスクロール位置に変換します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="position"><see cref="Scroller"/> が扱うスクロール位置.</param>
|
|
|
|
|
/// <returns><see cref="FancyScrollRect{TItemData, TContext}"/> が扱うスクロール位置.</returns>
|
|
|
|
|
protected float ToFancyScrollViewPosition(float position)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
return position / Mathf.Max(ItemsSource.Count - 1, 1) * MaxScrollPosition - PaddingHeadLength;
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// <see cref="FancyScrollRect{TItemData, TContext}"/> が扱うスクロール位置を <see cref="Scroller"/> が扱うスクロール位置に変換します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="position"><see cref="FancyScrollRect{TItemData, TContext}"/> が扱うスクロール位置.</param>
|
|
|
|
|
/// <returns><see cref="Scroller"/> が扱うスクロール位置.</returns>
|
|
|
|
|
protected float ToScrollerPosition(float position)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
2019-12-05 01:25:31 +08:00
|
|
|
|
return (position + PaddingHeadLength) / MaxScrollPosition * Mathf.Max(ItemsSource.Count - 1, 1);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// <see cref="FancyScrollRect{TItemData, TContext}"/> が扱うスクロール位置を <see cref="Scroller"/> が扱うスクロール位置に変換します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="position"><see cref="FancyScrollRect{TItemData, TContext}"/> が扱うスクロール位置.</param>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
/// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <returns><see cref="Scroller"/> が扱うスクロール位置.</returns>
|
2020-06-30 22:14:04 +08:00
|
|
|
|
protected float ToScrollerPosition(float position, float alignment = 0.5f)
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
2020-06-30 22:14:04 +08:00
|
|
|
|
var offset = alignment * (ScrollLength - (1f + reuseCellMarginCount * 2f))
|
|
|
|
|
+ (1f - alignment - 0.5f) * spacing / (CellSize + spacing);
|
2019-11-16 22:49:21 +08:00
|
|
|
|
return ToScrollerPosition(Mathf.Clamp(position - offset, 0f, MaxScrollPosition));
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 指定された設定を実現するための
|
|
|
|
|
/// <see cref="FancyScrollView{TItemData,TContext}.cellInterval"/> と
|
|
|
|
|
/// <see cref="FancyScrollView{TItemData,TContext}.scrollOffset"/> を計算して適用します.
|
|
|
|
|
/// </summary>
|
|
|
|
|
protected void AdjustCellIntervalAndScrollOffset()
|
2019-11-16 22:49:21 +08:00
|
|
|
|
{
|
|
|
|
|
var totalSize = Scroller.ViewportSize + (CellSize + spacing) * (1f + reuseCellMarginCount * 2f);
|
|
|
|
|
cellInterval = (CellSize + spacing) / totalSize;
|
|
|
|
|
scrollOffset = cellInterval * (1f + reuseCellMarginCount);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
protected virtual void OnValidate()
|
|
|
|
|
{
|
2020-06-30 22:14:04 +08:00
|
|
|
|
AdjustCellIntervalAndScrollOffset();
|
2019-11-16 22:49:21 +08:00
|
|
|
|
|
|
|
|
|
if (loop)
|
|
|
|
|
{
|
|
|
|
|
loop = false;
|
|
|
|
|
Debug.LogError("Loop is currently not supported in FancyScrollRect.");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (Scroller.SnapEnabled)
|
|
|
|
|
{
|
|
|
|
|
Scroller.SnapEnabled = false;
|
|
|
|
|
Debug.LogError("Snap is currently not supported in FancyScrollRect.");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (Scroller.MovementType == MovementType.Unrestricted)
|
|
|
|
|
{
|
|
|
|
|
Scroller.MovementType = MovementType.Elastic;
|
|
|
|
|
Debug.LogError("MovementType.Unrestricted is currently not supported in FancyScrollRect.");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-05 01:25:31 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// ScrollRect スタイルのスクロールビューを実装するための抽象基底クラス.
|
|
|
|
|
/// 無限スクロールおよびスナップには対応していません.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <typeparam name="TItemData">アイテムのデータ型.</typeparam>
|
|
|
|
|
/// <seealso cref="FancyScrollRect{TItemData, TContext}"/>
|
2019-11-16 22:49:21 +08:00
|
|
|
|
public abstract class FancyScrollRect<TItemData> : FancyScrollRect<TItemData, FancyScrollRectContext> { }
|
2019-12-05 01:25:31 +08:00
|
|
|
|
}
|