Unity/TMPro/Dropdown - 版の履歴

Admin: /* Dropdownを開いたときに選択した項目を表示する方法 */

2026-03-22T16:54:03Z

Dropdownを開いたときに選択した項目を表示する方法

← 古い版		2026年3月22日 (日) 16:54時点における版
51行目:		51行目:

	==Dropdownを開いたときに選択した項目を表示する方法==		==Dropdownを開いたときに選択した項目を表示する方法==
	~~UIのButtonをDropdownに被せて、ButtonをクリックしたときにDropdownを開く以下処理を走らせる。~~		UIのButtonをDropdownに被せて(Imageを透明に)、ButtonをクリックしたときにDropdownを開く以下処理を走らせる。

	選択Indexが表示領域の中央より上なら、スクロールしないように。		選択Indexが表示領域の中央より上なら、スクロールしないように。

2026年3月22日 (日) 15:37にAdminによる

2026-03-22T15:37:13Z

← 古い版		2026年3月22日 (日) 15:37時点における版
84行目:		84行目:
	using UnityEngine.UI;		using UnityEngine.UI;
	using Cysharp.Threading.Tasks;		using Cysharp.Threading.Tasks;
			using TMPro;

	// Dropdownのスクロール位置調整		// Dropdownのスクロール位置調整
92行目:		93行目:
	public static async UniTask AdjustScroll(GameObject dropdownObj)		public static async UniTask AdjustScroll(GameObject dropdownObj)
	{		{
	var dropdown = dropdownObj.GetComponent<~~Dropdown~~>();		var dropdown = dropdownObj.GetComponent<TMP_Dropdown>();
	if (dropdown == null) return;		if (dropdown == null) return;

168行目:		169行目:
	using UnityEngine;		using UnityEngine;
	using UnityEngine.UI;		using UnityEngine.UI;
			using TMPro;

	// 使い方：StartCoroutine(DropdownScrollUtil.AdjustScroll(dropdown.gameObject));		// 使い方：StartCoroutine(DropdownScrollUtil.AdjustScroll(dropdown.gameObject));
174行目:		176行目:
	public static IEnumerator AdjustScroll(GameObject dropdownObj)		public static IEnumerator AdjustScroll(GameObject dropdownObj)
	{		{
	var dropdown = dropdownObj.GetComponent<~~Dropdown~~>();		var dropdown = dropdownObj.GetComponent<TMP_Dropdown>();
	if (dropdown == null) yield break;		if (dropdown == null) yield break;

Admin: /* コルーチンパターン */

2026-03-22T15:24:50Z

コルーチンパターン

← 古い版		2026年3月22日 (日) 15:24時点における版
158行目:		158行目:
	{		{
	dropdown.Show();		dropdown.Show();
	StartCoroutine(~~ScrollToSelected~~());		StartCoroutine(DropdownScrollUtil.AdjustScroll(dropdown.gameObject));
	}		}
			}
			</pre>

	IEnumerator ~~ScrollToSelected~~()		DropdownScrollUtil.cs
			<pre>
			using System.Collections;
			using UnityEngine;
			using UnityEngine.UI;

			// 使い方：StartCoroutine(DropdownScrollUtil.AdjustScroll(dropdown.gameObject));
			public static class DropdownScrollUtil
			{
			public static IEnumerator AdjustScroll(GameObject dropdownObj)
	{		{
	// ~~UI生成待ち（超重要）~~		var dropdown = dropdownObj.GetComponent<Dropdown>();
			if (dropdown == null) yield break;

			// UI生成待ち
	yield return null;		yield return null;
	yield return null;		yield return null;
169行目:		183行目:
	var scrollRect = dropdown.GetComponentInChildren<ScrollRect>();		var scrollRect = dropdown.GetComponentInChildren<ScrollRect>();
	if (scrollRect == null) yield break;		if (scrollRect == null) yield break;

	~~var content = scrollRect.content;~~
	~~if (content.childCount == 0) yield break;~~

	int index = dropdown.value;		int index = dropdown.value;
177行目:		188行目:
	if (totalCount <= 1) yield break;		if (totalCount <= 1) yield break;

	~~// ===== 表示行数を計算 =====~~		var viewport = scrollRect.viewport.rect.height;
	~~float viewportHeight~~ = scrollRect.viewport.rect.height;		var content = scrollRect.content;
	float itemHeight =
	((RectTransform)content.GetChild(0)).rect.height;		if (content.childCount == 0) yield break;

			float itemHeight = ((RectTransform)content.GetChild(0)).rect.height;
			int visibleCount = Mathf.FloorToInt(viewport / itemHeight);

	~~int visibleCount = Mathf.FloorToInt(viewportHeight / itemHeight);~~
	int centerIndex = visibleCount / 2;		int centerIndex = visibleCount / 2;

	// ~~=====~~ 中央まではスクロールしない ~~=====~~		// 中央まではスクロールしない
	if (index <= centerIndex)		if (index <= centerIndex)
	{		{
192行目:		205行目:
	}		}

	~~// ===== 中央を超えたらスクロール ====~~=		float scrollIndex = index - centerIndex;
	float maxScrollIndex = totalCount - visibleCount;		float maxScrollIndex = totalCount - visibleCount;

	if (maxScrollIndex <= 0)		if (maxScrollIndex <= 0)
	{		{
200行目:		214行目:
	}		}

	~~float scrollIndex = index - centerIndex;~~
	float normalizedPos = 1f - (scrollIndex / maxScrollIndex);		float normalizedPos = 1f - (scrollIndex / maxScrollIndex);

	scrollRect.verticalNormalizedPosition = Mathf.Clamp01(normalizedPos);		scrollRect.verticalNormalizedPosition = Mathf.Clamp01(normalizedPos);
	}		}
	}		}
	</pre>		</pre>

Admin: /* UniTaskバージョン */

2026-03-22T15:22:51Z

UniTaskバージョン

← 古い版		2026年3月22日 (日) 15:22時点における版
75行目:		75行目:
	{		{
	dropdown.Show();		dropdown.Show();
	~~await ScrollToSelectedAsync();~~
	await DropdownScrollUtil.AdjustScroll(dropdown.gameObject);		await DropdownScrollUtil.AdjustScroll(dropdown.gameObject);
	}		}

2026年3月22日 (日) 15:22にAdminによる

2026-03-22T15:22:31Z

← 古い版		2026年3月22日 (日) 15:22時点における版
76行目:		76行目:
	dropdown.Show();		dropdown.Show();
	await ScrollToSelectedAsync();		await ScrollToSelectedAsync();
			await DropdownScrollUtil.AdjustScroll(dropdown.gameObject);
	}		}
			}
			</pre>
			DropdownScrollUtil.cs
			<pre>
			using UnityEngine;
			using UnityEngine.UI;
			using Cysharp.Threading.Tasks;

	async UniTask ~~ScrollToSelectedAsync~~()		// Dropdownのスクロール位置調整
			// 選択Indexが表示領域の中央より上なら、スクロールしないように
			// 使い方：await DropdownScrollUtil.AdjustScroll(dropdown.gameObject);
			public static class DropdownScrollUtil
			{
			public static async UniTask AdjustScroll(GameObject dropdownObj)
	{		{
	// ~~UI生成待ち（超重要）~~		var dropdown = dropdownObj.GetComponent<Dropdown>();
			if (dropdown == null) return;

			// UI生成待ち（Dropdown開いた直後は要る）
	await UniTask.NextFrame();		await UniTask.NextFrame();
	await UniTask.NextFrame();		await UniTask.NextFrame();
91行目:		107行目:
	if (totalCount <= 1) return;		if (totalCount <= 1) return;

	~~// ===== 表示行数を計算 =====~~
	var viewport = scrollRect.viewport.rect.height;		var viewport = scrollRect.viewport.rect.height;
	var content = scrollRect.content;		var content = scrollRect.content;
102行目:		117行目:
	int centerIndex = visibleCount / 2;		int centerIndex = visibleCount / 2;

	// ~~=====~~ 中央まではスクロールしない ~~=====~~		// 中央まではスクロールしない
	if (index <= centerIndex)		if (index <= centerIndex)
	{		{
109行目:		124行目:
	}		}

	~~// ===== 中央を超えたらスクロール =====~~
	float scrollIndex = index - centerIndex;		float scrollIndex = index - centerIndex;
	float maxScrollIndex = totalCount - visibleCount;		float maxScrollIndex = totalCount - visibleCount;

Admin: /* コルーチンパターン */

2026-02-11T01:59:10Z

コルーチンパターン

← 古い版		2026年2月11日 (水) 01:59時点における版
154行目:		154行目:
	yield return null;		yield return null;

	var scrollRect = dropdown.GetComponentInChildren<ScrollRect>();		var scrollRect = dropdown.GetComponentInChildren<ScrollRect>();
	if (scrollRect == null) yield break;		if (scrollRect == null) yield break;

Admin: /* Dropdownを開いたときに選択した項目を表示する方法 */

2026-02-10T15:43:32Z

Dropdownを開いたときに選択した項目を表示する方法

← 古い版		2026年2月10日 (火) 15:43時点における版
52行目:		52行目:
	==Dropdownを開いたときに選択した項目を表示する方法==		==Dropdownを開いたときに選択した項目を表示する方法==
	UIのButtonをDropdownに被せて、ButtonをクリックしたときにDropdownを開く以下処理を走らせる。		UIのButtonをDropdownに被せて、ButtonをクリックしたときにDropdownを開く以下処理を走らせる。

			選択Indexが表示領域の中央より上なら、スクロールしないように。

	===UniTaskバージョン===		===UniTaskバージョン===

Admin: /* Dropdownを開いたときに選択した項目を表示する方法 */

2026-02-10T15:42:52Z

Dropdownを開いたときに選択した項目を表示する方法

@@ 86行目: / 86行目: @@
          int index = dropdown.value;
-         int count = dropdown.options.Count;
+         int totalCount = dropdown.options.Count;
-         if (count <= 1) return;
+         // ===== 表示行数を計算 =====
-         float normalizedPos = 1f - (float)index / (count - 1);
+        if (content.childCount == 0) return;
          scrollRect.verticalNormalizedPosition = normalizedPos;
+     }
+}
@@ 125行目: / 152行目: @@
          yield return null;
-        var scrollRect = dropdown.GetComponentInChildren<ScrollRect>();
+var scrollRect = dropdown.GetComponentInChildren<ScrollRect>();
          if (scrollRect == null) yield break;
          int index = dropdown.value;
-         int count = dropdown.options.Count;
+         int totalCount = dropdown.options.Count;
-         // 上=1、下=0
+         float scrollIndex = index - centerIndex;
-         float normalizedPos = 1f - (float)index / (count - 1);
+         float normalizedPos = 1f - (scrollIndex / maxScrollIndex);
-         scrollRect.verticalNormalizedPosition = normalizedPos;
+         scrollRect.verticalNormalizedPosition = Mathf.Clamp01(normalizedPos);
+     }
+}
 </pre>

Admin: /* UniTaskバージョン */

2026-02-10T14:20:04Z

UniTaskバージョン

← 古い版		2026年2月10日 (火) 14:20時点における版
62行目:		62行目:
	public class TMPDropdownScrollFix : MonoBehaviour		public class TMPDropdownScrollFix : MonoBehaviour
	{		{
			[SerializeField]
	public TMP_Dropdown dropdown;		public TMP_Dropdown dropdown;
			[SerializeField]
			private Button button;
			void Start()
			{
			button.onClick.AddListener(() => OpenDropdownAsync().Forget());
			}
	public async UniTaskVoid OpenDropdownAsync()		public async UniTaskVoid OpenDropdownAsync()
	{		{

Admin: /* コルーチンパターン */

2026-02-10T14:15:50Z

コルーチンパターン

← 古い版		2026年2月10日 (火) 14:15時点における版
99行目:		99行目:
	public class TMPDropdownScrollFix : MonoBehaviour		public class TMPDropdownScrollFix : MonoBehaviour
	{		{
			[SerializeField]
	public TMP_Dropdown dropdown;		public TMP_Dropdown dropdown;
			[SerializeField]
	~~public~~ void OpenDropdown()		private Button button;
			void Start()
			{
			button.onClick.AddListener(() => OpenDropdown());
			}
			void OpenDropdown()
	{		{
	dropdown.Show();		dropdown.Show();