FancyGridView.cs 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. /// Credit setchi (https://github.com/setchi)
  2. /// Sourced from - https://github.com/setchi/FancyScrollView
  3. using System;
  4. using System.Collections.Generic;
  5. using System.Linq;
  6. using UnityEngine.UI.Extensions.EasingCore;
  7. namespace UnityEngine.UI.Extensions
  8. {
  9. /// <summary>
  10. /// グリッドレイアウトのスクロールビューを実装するための抽象基底クラス.
  11. /// 無限スクロールおよびスナップには対応していません.
  12. /// <see cref="FancyScrollView{TItemData, TContext}.Context"/> が不要な場合は
  13. /// 代わりに <see cref="FancyGridView{TItemData}"/> を使用します.
  14. /// </summary>
  15. /// <typeparam name="TItemData">アイテムのデータ型.</typeparam>
  16. /// <typeparam name="TContext"><see cref="FancyScrollView{TItemData, TContext}.Context"/> の型.</typeparam>
  17. public abstract class FancyGridView<TItemData, TContext> : FancyScrollRect<TItemData[], TContext>
  18. where TContext : class, IFancyGridViewContext, new()
  19. {
  20. /// <summary>
  21. /// デフォルトのセルグループクラス.
  22. /// </summary>
  23. protected abstract class DefaultCellGroup : FancyCellGroup<TItemData, TContext> { }
  24. /// <summary>
  25. /// 最初にセルを配置する軸方向のセル同士の余白.
  26. /// </summary>
  27. [SerializeField] protected float startAxisSpacing = 0f;
  28. /// <summary>
  29. /// 最初にセルを配置する軸方向のセル数.
  30. /// </summary>
  31. [SerializeField] protected int startAxisCellCount = 4;
  32. /// <summary>
  33. /// セルのサイズ.
  34. /// </summary>
  35. [SerializeField] protected Vector2 cellSize = new Vector2(100f, 100f);
  36. /// <summary>
  37. /// セルのグループ Prefab.
  38. /// </summary>
  39. /// <remarks>
  40. /// <see cref="FancyGridView{TItemData, TContext}"/> では,
  41. /// <see cref="FancyScrollView{TItemData, TContext}.CellPrefab"/> を最初にセルを配置する軸方向のセルコンテナとして使用します.
  42. /// </remarks>
  43. protected sealed override GameObject CellPrefab => cellGroupTemplate;
  44. /// <inheritdoc/>
  45. protected override float CellSize => Scroller.ScrollDirection == ScrollDirection.Horizontal
  46. ? cellSize.x
  47. : cellSize.y;
  48. /// <summary>
  49. /// アイテムの総数.
  50. /// </summary>
  51. public int DataCount { get; private set; }
  52. GameObject cellGroupTemplate;
  53. /// <inheritdoc/>
  54. protected override void Initialize()
  55. {
  56. base.Initialize();
  57. Debug.Assert(startAxisCellCount > 0);
  58. Context.ScrollDirection = Scroller.ScrollDirection;
  59. Context.GetGroupCount = () => startAxisCellCount;
  60. Context.GetStartAxisSpacing = () => startAxisSpacing;
  61. Context.GetCellSize = () => Scroller.ScrollDirection == ScrollDirection.Horizontal
  62. ? cellSize.y
  63. : cellSize.x;
  64. SetupCellTemplate();
  65. }
  66. /// <summary>
  67. /// 最初にセルが生成される直前に呼び出されます.
  68. /// <see cref="Setup{TGroup}(FancyCell{TItemData, TContext})"/> メソッドを使用してセルテンプレートのセットアップを行ってください.
  69. /// </summary>
  70. /// <example>
  71. /// <code><![CDATA[
  72. /// using UnityEngine;
  73. /// using FancyScrollView;
  74. ///
  75. /// public class MyGridView : FancyGridView<ItemData, Context>
  76. /// {
  77. /// class CellGroup : DefaultCellGroup { }
  78. ///
  79. /// [SerializeField] Cell cellPrefab = default;
  80. ///
  81. /// protected override void SetupCellTemplate() => Setup<CellGroup>(cellPrefab);
  82. /// }
  83. /// ]]></code>
  84. /// </example>
  85. protected abstract void SetupCellTemplate();
  86. /// <summary>
  87. /// セルテンプレートのセットアップを行います.
  88. /// </summary>
  89. /// <param name="cellTemplate">セルのテンプレート.</param>
  90. /// <typeparam name="TGroup">セルグループの型.</typeparam>
  91. protected virtual void Setup<TGroup>(FancyCell<TItemData, TContext> cellTemplate)
  92. where TGroup : FancyCell<TItemData[], TContext>
  93. {
  94. Context.CellTemplate = cellTemplate.gameObject;
  95. cellGroupTemplate = new GameObject("Group").AddComponent<TGroup>().gameObject;
  96. cellGroupTemplate.transform.SetParent(cellContainer, false);
  97. cellGroupTemplate.SetActive(false);
  98. }
  99. /// <summary>
  100. /// 渡されたアイテム一覧に基づいて表示内容を更新します.
  101. /// </summary>
  102. /// <param name="items">アイテム一覧.</param>
  103. public virtual void UpdateContents(IList<TItemData> items)
  104. {
  105. DataCount = items.Count;
  106. var itemGroups = items
  107. .Select((item, index) => (item, index))
  108. .GroupBy(
  109. x => x.index / startAxisCellCount,
  110. x => x.item)
  111. .Select(group => group.ToArray())
  112. .ToArray();
  113. UpdateContents(itemGroups);
  114. }
  115. /// <summary>
  116. /// 指定したアイテムの位置までジャンプします.
  117. /// </summary>
  118. /// <param name="itemIndex">アイテムのインデックス.</param>
  119. /// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
  120. protected override void JumpTo(int itemIndex, float alignment = 0.5f)
  121. {
  122. var groupIndex = itemIndex / startAxisCellCount;
  123. base.JumpTo(groupIndex, alignment);
  124. }
  125. /// <summary>
  126. /// 指定したアイテムの位置まで移動します.
  127. /// </summary>
  128. /// <param name="itemIndex">アイテムのインデックス.</param>
  129. /// <param name="duration">移動にかける秒数.</param>
  130. /// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
  131. /// <param name="onComplete">移動が完了した際に呼び出されるコールバック.</param>
  132. protected override void ScrollTo(int itemIndex, float duration, float alignment = 0.5f, Action onComplete = null)
  133. {
  134. var groupIndex = itemIndex / startAxisCellCount;
  135. base.ScrollTo(groupIndex, duration, alignment, onComplete);
  136. }
  137. /// <summary>
  138. /// 指定したアイテムの位置まで移動します.
  139. /// </summary>
  140. /// <param name="itemIndex">アイテムのインデックス.</param>
  141. /// <param name="duration">移動にかける秒数.</param>
  142. /// <param name="easing">移動に使用するイージング.</param>
  143. /// <param name="alignment">ビューポート内におけるセル位置の基準. 0f(先頭) ~ 1f(末尾).</param>
  144. /// <param name="onComplete">移動が完了した際に呼び出されるコールバック.</param>
  145. protected override void ScrollTo(int itemIndex, float duration, Ease easing, float alignment = 0.5f, Action onComplete = null)
  146. {
  147. var groupIndex = itemIndex / startAxisCellCount;
  148. base.ScrollTo(groupIndex, duration, easing, alignment, onComplete);
  149. }
  150. }
  151. /// <summary>
  152. /// グリッドレイアウトのスクロールビューを実装するための抽象基底クラス.
  153. /// 無限スクロールおよびスナップには対応していません.
  154. /// </summary>
  155. /// <typeparam name="TItemData">アイテムのデータ型.</typeparam>
  156. /// <seealso cref="FancyGridView{TItemData, TContext}"/>
  157. public abstract class FancyGridView<TItemData> : FancyGridView<TItemData, FancyGridViewContext> { }
  158. }