UIToolKit

【Unity】【UI Toolkit】RadioButtonGroupを使ってラジオボタンによる選択肢を簡単に作る

UnityのUI Toolkitで、RadioButtonGroupを使ってラジオボタンによる選択肢を簡単に作る方法についてまとめました。 RadioButtonGroupとは? UXMLファイルを作成する EditorWindowを作成する 実行結果 スクリプトで構築する 参考

【Unity】UI ToolkitでPopupWindowを構築する方法

UnityのUI ToolkitでPopupWindowを構築する方法についてまとめました。 はじめに PopupWindowContentを作る PopupWindowを表示する 関連 参考

【Unity】【UI Toolkit】バインド可能なカスタムコントロールを作成する

UnityのUI Toolkitでバインド可能なカスタムコントロールを作成する方法です。 はじめに 作るもの コントロールを実装 Inspectorのレイアウトを作成 CustomEditorを作成 動作確認 参考

【Unity】【UI Toolkit】ScrollViewとListをバインドする

UnityのUI ToolkitでScrollViewとListをバインドする方法についてまとめました。 やりたいこと ScrollViewを作る ScrollViewの要素を作る CustomEditorを作る 動作確認 関連 参考

【Unity】【エディタ拡張】配列のSerializedPropertyの子要素を最後まで回す正しい方法

Unityで配列のSerializedPropertyの子要素を最後まで回す方法が調べづらくハマりやすいのでまとめました。 方法 参考

【Unity】【UI Toolkit】ListViewとListをBinding Pathを使ってバインドする

UnityのUI ToolkitでListViewとListをバインドする方法についてまとめました。 やりたいこと ListViewを作る ListViewの要素を作る CustomEditorを作る 動作確認 参考

【Unity】【UI Toolkit】バインドしたプロパティの変更をトラッキングする

UnityのUI Toolkitでバインドしたプロパティの変更をトラッキングする方法についてまとめました。 UI Toolkitにおけるバインド SerializedPropertyの変更をトラッキングする SerializedObjectの変更をトラッキングする 参考

【Unity】【UI Toolkit】ネストされたプロパティとUXMLをバインドする方法まとめ

UnityのUI ToolkitでネストされたプロパティとUXMLをバインドする方法についてまとめました。 やりたいこと ドットで階層を指定 BindableElementを使う方法 同じUXMLを使い回すUXML Template 関連 参考

【Unity】【UI Toolkit】EditorWindowにInspectorをそのまま表示する方法

UnityのUI Toolkitで、EditorWindowにInspectorを表示する方法についてまとめました。

【Unity】【UI Toolkit】バインディング機能を使ってカスタムInspectorを作る方法

UnityのUI Toolkitで、バインディング機能を使ってカスタムInspectorを作る方法についてまとめました。 はじめに UI(UXMLファイル)を作る CustomEditorを作る スクリプトにUXMLをアサイン 動作確認 参考

【Unity】【UI Toolkit】Serialized Propertyの値とUIをデータバインディングする方法まとめ

UnityのUI Toolkitで、SeializedPropertyの値とUIをデータバインディングする方法についてまとめました。 やりたいこと SerializedObjectとバインドする SerializedPropertyとバインドする UXMLにバインドパスを指定する 参考

【Unity】【UI Toolkit】フォーカスイベントを使ってTextFieldにPlaceholderを実装する

UnityのUI Toolkitのフォーカスイベントを使ってTextFieldにPlaceholderを実装する方法です。 フォーカスイベント Placeholderを表示する Placeholderにスタイルを設定する Unity2023からはPlaceholder実装されてる 関連 参考

【Unity】【UI Toolkit】tabIndexを使ってフォーカス順を制御する方法

UnityのUI Toolkitにおけるフォーカス順の制御方法をまとめました。 タブキーとフォーカスの順序 フォーカスの順序を制御する 参考

【Unity】UI Toolkitにおけるマウスのキャプチャの仕組みを理解する

UnityのUI Toolkitにおけるマウスのキャプチャの仕組みについてまとめます。 マウスのキャプチャとは マウスキャプチャの挙動を確認する キャプチャイベント 関連 参考

【Unity】【UI Toolkit】レイアウトが変更された時に呼ばれるGeometryChangedEventの使い方

UnityのUI Toolkitでレイアウトが変更された時に呼ばれるGeometryChangedEventの使い方についてまとめました。 GeometryChangedEventとは? 使ってみる 実行結果 関連 参考

【Unity】【UI Toolkit】スクリプトからVisualElementを検索するUQueryの使い方

UnityのUI ToolkitでスクリプトからVisualElementを検索するUQueryの使い方についてまとめました。 UQueryとは? QueryとQ いろんな検索方法 UQueryBuilderのメソッドを使ってフィルタリング 参考

【Unity】【UI Toolkit】UQueryBuilderのメソッドを使って検索結果をフィルタリングする

UnityのUI ToolkitのUQueryBuilderのメソッドを使って検索結果をフィルタリングする方法についてまとめました。 はじめに インデックスに応じてフィルタリング 名前・クラス名・型でフィルタリング VisualElementの状態に応じてフィルタリング 子や孫だけフ…

【Unity】【UI Toolkit】UXMLファイルから他のUXMLやUSSを指定する4つの方法とその違い

UnityのUI ToolkitでUXMLファイルから他のUXMLやUSSを指定する4つの方法とその違いについてまとめました。 はじめに UXMLの位置からの相対パスで指定する アセットパスで指定する Resourcesフォルダを使う Editor Default Resourcesフォルダを使う 参考

【Unity】【UI Toolkit】UXMLファイルをテンプレートとして使い回す方法まとめ

UnityのUI ToolkitでUXMLファイルをテンプレートとして使い回す方法についてまとめました。 はじめに スクリプトからUXMLをインスタンス化して追加する UXMLからテンプレート用のUXMLを使う テンプレートのアトリビュートをオーバーライドする テンプレート…

【Unity】【UI Toolkit】MultiColumnTreeViewを使ってマルチカラムのツリービューを実装する

UnityのUI ToolkitでMultiColumnTreeViewを使ってマルチカラムのツリービューを実装する方法についてまとめました。 はじめに UXMLファイルを作成する EditorWindowを作成する 実行結果 関連 参考

【Unity】【UI Toolkit】TreeViewを使ってシングルカラムのツリービューを実装する

UnityのUI ToolkitでTreeViewを使ってシングルカラムのツリービューを実装する方法についてまとめました。 はじめに UXMLファイルを作成する EditorWindowを作成する 実行結果 参考

【Unity】UI Toolkitの基本であるFlexboxベースのレイアウトをちゃんと理解する

UnityのUI ToolkitのFlexboxベースのレイアウトについてまとめました。 Flexboxとは? 動作確認用のレイアウトを作る Flex Direction Flex Wrap Flex GrowとFlex Shrink Align ItemsとAlign Self Justify Content Position 関連 参考

【Unity】【UI Toolkit】flex-growとflex-shrinkの仕様をちゃんと理解する

UnityのUI Toolkitにおけるflex-growとflex-shrinkの仕様をまとめました。 はじめに flex-growの仕様 flex-shrinkの仕様 flex-basis 参考

【Unity】【UI Toolkit】MultiColumnListViewを使って複数のカラムを持つリストビューを実装する

UnityのUI ToolkitでMultiColumnListViewを使ってマルチカラムのリストビューを実装する方法をまとめました。 はじめに UXMLファイルを作成する EditorWindowを作成する 実行結果 参考

【Unity】【UI Toolkit】VisualElementの並び順を動的に変更する

UnityのUI ToolkitでVisualElementの並び順を動的に変更する方法についてまとめました。 UI Toolkitにおける並び順 並び順を動的に変更するメソッド メソッドの挙動を確認する 参考

【Unity】【UI Toolkit】TwoPaneSplitViewでリサイズ可能な二つのペインを持つViewを作る

UnityのUI ToolkitでTwoPaneSplitViewを使ってリサイズ可能な二つのペインを持つViewを作る方法についてまとめました。 TwoPaneSplitViewとは? 基本的な使い方 実行結果 折りたたみ状態の制御 実行結果(折りたたみ) 参考

【Unity】UI Toolkitにおけるローカル空間・ワールド空間の概念と変換方法

UnityのUI Toolkitにおけるローカル空間とワールド空間の概念およびその変換方法についてまとめました。 ローカル空間とワールド空間 ローカル・ワールド空間変換 挙動を試してみる 参考

【Unity】【UI Toolkit】VisualElement.transformでUIアニメーションを実装する

UnityのUI ToolkitのVisualElement.transformでUIアニメーションを実装する方法についてまとめました。 Transformとは? UI Builderで初期値を設定する スクリプトでアニメーションさせる localBoundとworldBoundとTransform 参考

【Unity】【UI Toolkit】Relative PositionとAbsolute Positionについて理解する

UnityのUI ToolkitのRelative PositionとAbsolute Positionについてまとめました。 はじめに Relative Position Absolute Position スクリプトで指定する スタイルシートで指定する 参考

【Unity】UI Toolkitにおけるイベント伝播の仕組みとハンドリング方法

UI Toolkitにおけるイベント伝播の仕組みとハンドリング方法についてまとめました。 はじめに イベントのコールバックを登録 イベント伝播の概念 イベント伝播の挙動を確認する イベントの伝播を止める まとめ 参考