UIToolKit

【Unity】【UI Toolkit】Visual ElementやUSSのクラスの名前をBEMベースで厳密に命名する

UnityのUI ToolkitのVisual ElementやUSSのクラスの名前をBEMベースで厳密に命名する方法についてまとめました。 厳密な命名の重要性 BEMの概念 BEMベースの命名規則 クラスを適用する VisualElementの継承とクラス 外部ツールなどを作る際の注意点 関連 参考

【Unity】【UI Toolkit】画像を9スライスして使う

UnityのUI Toolkitで画像を9スライスして使う方法です。 画像を9スライスする Spriteを使う場合 USSで設定する方法 注意点 参考

【Unity】【UI Toolkit】TSSファイルで「テーマ」ごとにスタイルを設定・変更する

UnityのUI ToolkitのTSSファイルで「テーマ」ごとにスタイルを設定・変更する方法についてまとめました。 TSSファイルとは? 継承元のTSSを作る TSSファイルを作る 独自のスタイルを定義したUSSを作ってTSSにインポート UIBuilderで確認する 適用する 関連 …

【Unity】【UI Toolkit】TransitionEventを使ってUSS Transitionに関連するイベントをハンドリングする

UnityのUI ToolkitのTransitionEventを使ってUSS Transitionに関連するイベントをハンドリングする方法についてまとめました。

【Unity】【UI Toolkit】Painter2Dの描画結果をVectorImage型のアセットとして保存&読み込む

UnityのUI ToolkitでPainter2Dの描画結果をVectorImage型のアセットとして保存&読み込む方法についてまとめました。 VectorImageとは? Painter2Dの描画結果をVectorImageに保存する 動作確認

【Unity】【UI Toolkit】Painter2Dにおいてパス同士の内外判定を決めるFill Rulesの使い方

UnityのUI ToolkitのPainter2Dにおいて、パス同士の内外判定を決めるFill Rulesの使い方についてまとめました。 パス同士の内外判定とは? ベクターグラフィックスにおける内外判定 UI Toolkitで動作確認する 参考 参考

【Unity】【UI Toolkit】Painter2Dでベジェ曲線(2次・3次)を描画する

UnityのUI ToolkitのPainter2Dでベジェ曲線を描画する方法についてまとめました。 はじめに 2次ベジェ曲線を描画する 3次ベジェ曲線を描画する 関連 参考

【Unity】【UI Toolkit】Painter2Dを使ってベクターグラフィックスを描く(基礎編)

UnityのUI ToolkitでPainter2Dを使ってベクターグラフィックスを描画する方法についてまとめました。 Painter2Dとは? 直線を描画する 動作確認 線の端や結合部分の形状を設定する 塗りつぶす 円を描画する 曲線を描画する 関連 参考

【Unity】【UI Toolkit】VisualElementで描画のためのメッシュを自由に生成できるMeshGenerationContextの使い方

UnityのUI ToolkitでVisualElementで描画のためのメッシュを自由に生成できるMeshGenerationContextの使い方についてまとめました。 MeshGenerationContextとは 使ってみる 動作確認 テクスチャを使う場合には注意 参考

【Unity】【UI Toolkit】UI BuilderでUnityエディタのLight/Dark両テーマを切り替えながら開発する方法

UnityのUI ToolkitでUI BuilderでUnityエディタのLight/Dark両テーマを切り替えながら開発する方法についてまとめました。 Unityエディタのテーマ 切り替えながら開発する方法

【Unity】【UI Toolkit】Unityの組み込みUSS変数の命名ルールと組み込み変数一覧(へのリンク)

UnityのUI Toolkitの組み込みUSS変数の命名ルールと組み込み変数の紹介と一覧へのリンクです。 はじめに 組み込み変数の命名ルール 組み込み変数一覧 関連 参考

【Unity】【UI Toolkit】USSで変数を使う方法まとめ

UnityのUI ToolkitのUSSで変数を使う方法についてまとめました。 はじめに 変数の定義 変数の使用 動作確認 参考

【Unity】【UI Toolkit】USSは下に記述したものほど優先されるという話

UnityのUI ToolkitのUSSは下に記述したものほど優先されるという話です。 概要 動作確認

【Unity】【UI Toolkit】ScrollViewの要素をWrapする方法

UnityのUI ToolkitでScrollViewの要素をWrapする方法についてまとめました。 やりたいこと 方法 スクリプトで設定する USSで設定する 動作確認 参考

【Unity】【UI Toolkit】マウスポインタが乗った時にカーソルを変更する

UnityのUI Toolkitでマウスポインタが乗ったときのカーソルを指定する方法についてまとめました。 はじめに 実装 動作確認 カーソルの指定方法と説明一覧 参考

【Unity】【UI Toolkit】自作のカスタムコントロールをUI Builderのライブラリに表示させないHack

UnityのUI Toolkitで自作のカスタムコントロールをUI Builderのライブラリに表示させないHackyな方法の紹介です。 やりたいこと 方法(Hackyな方法) 関連 参考

【Unity】【UI Toolkit】指定した時間後に処理を実行するIVisualElementSchedulerの使い方

UnityのUI Toolkitで指定した時間後に処理を実行するIVisualElementSchedulerの使い方についてまとめました。 はじめに 指定した時間後に処理を実行する 繰り返しと期間 任意のタイミングで時間計測を開始する PauseとResume 参考

【Unity】【UI Toolkit】USS Transitionを使ってクリックした場所にアニメーションしながら移動するUIを作る

UnityのUI ToolkitのUSS Transitionを使ってクリックした場所にアニメーションしながら移動するUIを作る方法についてまとめました。 やりたいこと UXMLを作成する EditorWindowを作成する 実行結果 関連 参考

【Unity】【UI Toolkit】USS TransitionでVisual Elementのプロパティが変化した時にアニメーションさせる

UnityのUI ToolkitのUSS TransitionでVisual Elementのプロパティが変化した時にアニメーションさせる方法についてまとめました。 はじめに 単一のプロパティをアニメーションさせる 複数のプロパティをアニメーションさせる transitionショートハンド trans…

【Unity】【UI Toolkit】USSで複雑なセレクタを指定する方法まとめ

UnityのUI ToolkitのUSSで複雑なセレクタを指定する方法についてまとめました。 はじめに レイアウトを作る 「OR条件」はカンマで区切る 「AND条件」は区切らない(注意点あり) 子要素だけを対象にするには > を使う 子孫の要素だけを対象にするにはスペー…

【Unity】【UI Toolkit】押している間イベントが呼ばれ続けるボタンRepeatButtonの使い方

UnityのUI Toolkitの押している間イベントが呼ばれ続けるRepeatButtonの使い方についてまとめました。 RepeatButtonとは? 実装 結果 参考

【Unity】【UI Toolkit】Toolbar系のUI要素を使ってツールバーを構成する

UnityのUI ToolkitでToolbar系のUI要素を使ってツールバーを構成する方法についてまとめました。 はじめに 実装 結果 参考

【Unity】【UI Toolkit】GroupBoxを使って自由なデザインのラジオボタン作る

UnityのUI ToolkitでGroupBoxを使って自由なデザインのラジオボタン作る方法についてまとめました。 はじめに 実装する 実行結果 関連 参考

【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の変更をトラッキングする 参考