UI Toolkit

※ これは 2021/10/01 時点の Unity 2021.2.0b13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 引き続き Unity の UI Toolkit を試す 今回は前回やったボタンラベルのスタイル変更をプログラマブルではなく、CSS コード的なもので一括適用させてみたい

※ これは 2021/09/10 時点の Unity 2021.2.0b11 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 引き続き Unity の UI Toolkit を試す データバインディング的なものがないか探してみたけど残念ながらバイディングは UnityEditor 限定みたいなのでとりあえず保留 今回は追加したボタンのラベルをプログラマブルに変更してみたい ラベルのスタイル切り替え 例によってボタンを押したら赤字・太字・斜体文字に切り替わるように

※ これは 2021/09/10 時点の Unity 2021.2.0b11 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回に引き続き Unity の UI Toolkit を試す 今回は追加したボタンをクリックしたときのイベントハンドラを設定してみる Button のクリック検出 XAML でいうとことろのコードビハインド的な部分

※ これは 2021/09/03 時点の Unity 2021.2.0b9 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回に引き続き Unity 2021.2.0 の新機能おためし Unity Editor の [Windws[ - [UI Toolkit] - [Samples] を開くとサンプルが見ることができる・・・ UI ToolKit ついこの前まで UI Elements と呼んでいた UI Toolkit を試してみる

はじめに どうも、土鍋です。 通常のPhysics.RaycastはUIがあるかを検知してくれません。そのため、UIがあっても貫通して後ろのオブジェクトにRayが当たってしまいます。 従来のuGUIでもそうですが、uGUIはこの記事のようにEventSystemでブロックすることが可能です。 しかし、UI ToolkitはEventSystemを使用しないのでこの方法が使えません。 そこで今回はUI ToolkitでもRaycastをブロックできるようにします。 はじめに 現状の状態 実装していく UI上にカーソルがあるかのEventCallbackを登録する ブロック状態の保持 Raycas…

はじめに どうも、土鍋です。 UI Toolkitを使っていてuGUIにあったグリッドレイアウトができない！という問題があったので、今回は自力で実装します。 uxmlを書いて解決する記事もあったのですが、UI Builderだけで解決できました。 実装方法 UI Builder Grid ScrollViewのunity-content-container配下にGrid用のVisualElementを追加します。 実際の要素はこのGridVisualElement配下に配置します。 次にGridVisualElementを選択し、FlexのDirectionとWrapを画像のように変えます。 …

どうも、土鍋です。 前回の記事の続きからで、取得したオブジェクトの情報をUIToolkitのUIに表示する方法を解説します。 donabenabe.hatenablog.com 実装 Rayで取得したEntity情報を流す public partial class ECSPlayerInput : SystemBase { public Observable<CitizenInfoData> onShowInfo => showInfoSubject; private Subject<CitizenInfoData> showInfoSubject = new Subject<CitizenI…

はじめに どうも、土鍋です。 UI Toolkitでランタイム処理に向けてイベントの登録や値変更通知の方法を調べました。 コールバックを設定する UI要素のマウス押下のイベントのコールバックを設定するには以下のようにできます。 VisualElement myElement = new VisualElement(); myElement.RegisterCallback<MouseDownEvent>() 値の変更を購読する オブジェクトの位置が変わったらUIのText変更して、 Textを変更してもオブジェクトの位置が移動するようなコードを書きました。 RegisterValueChang…

'Programming Languages That Blew My Mind'というブログ記事で、8歳からプログラマーとして活動しているDavid Tellerさんが、人生で出会った革新的なプログラミング言語について紹介している。 BASIC A language designed to make programming simple. Mind blown: Programming my own games! Mind blown: Arrays (or DIM, as they were called)! Mind blown: GOTO! Mind blown: GOSUB! Ori…

UnityのUI Toolkitでキーボードの押下イベントをハンドリングする方法についてまとめました。 KeyDownEventとKeyUpEvent characterプロパティについて フォーカスについて 参考

はじめに UI ToolkitのTwoPaneSplitViewというVisualElementがあるのですが、それがめちゃくちゃ便利です。2つの要素をリサイズできるようにしつつ分割して表示してくれるものになります。 docs.unity3d.com TwoPaneSplitViewよくコードからTwoPaneSplitViewを生成する方法が紹介されていますが、実用するうえではUXMLに直書きしたい場合の方が多いのではないのかなと思います。しかしUnityのデフォルトではLibrary/Standardにはありません。(Unity2022.3.22f1時点で確認) Library/Stand…

はじめに 今回はUI Toolkitで画面いっぱいに何かを表示したいときの方法を紹介したいと思います。 画面いっぱいに表示している様子 はじめに UI Builderと実際の見た目が異なる 原因 対処法 参考 UI Builderと実際の見た目が異なる BackgroudColorを赤色に設定したVisual Elementを配置し、flex-growを1に設定してあげるとUIBuilderのWindowいっぱいに表示されます。 UI Builder上の表示ただしUnityエディタ上で実際にWindowを立ち上げても、何故かWindowいっぱいに表示されません。 実際の見た目が異なる 原因 U…

UnityのUI Toolkitでボタンのダブルクリックを検知する方法です。 はじめに&注意点 方法 参考

メモ 今週読んだ記事や知ったことのメモ。 面白そうだったもの、後で読み返すもののメモ。 Unity関連 UniRx.ToolKit.ObjectPool相当の機能を別の実装で代替する #Unity - Qiita 【Unity】【UI Toolkit】UI Builderを使うとスタイルシート書けない人でも簡単にUSSを作成できる - LIGHT11 UnityでRust版の形態素解析ライブラリ「Vibrato」を動かす - yousanのメモ 【アセット紹介】UI ToolKitを学ぶためのデモサンプル「QuizU」 - 原カバンは鞄のお店ではありません。 uLipSync の Timeli…

五輪 今後のオリンピックは開会式を二時間以内に収める事を公約とした国に決めてほしいと思う寝不足な皆さんこんにちは。主義主張を詰め込みすぎると逆に散漫になることが分かった開会式でしたが、「パリの開会式は素晴らしかった！それに比べ東京は・・・」とかリベラル系はコメントするんだろうなぁと思ったら本当にその通りで、BOT並みの反射行動に笑ってしまいました。 東京ゲームダンジョン6 去年に引き続き「東京ゲームダンジョン」に出展できる事になりました。今年は10月27日深秋の季節に行われます。 tokyogamedungeon.com 今回は「Under A Groove」の新バージョンを出展する予定で、1…

UnityのUI ToolkitでUI Builderを使ってスタイルシートの書き方がわからない人でも簡単にUSSを作成する方法についてまとめました。 はじめに UI Builder上でスタイルシートを作成する スタイルシートを適用する 関連 参考