UIElements

はじめに 自己紹介 GraphViewについて GraphViewの要素について 主な要素 補助、拡張的な要素 知っておいた方がいい要素 実際にいじってみる まずはWindowの作成 TestWindow.cs TestGraphView.cs BackGround.uss 次はNodeを表示してみる。 TestGraphView.cs 第二回の予定 はじめに 執筆日は20222/11/09になります。 Unityのバージョンは2021.3.1f1を使用しています。 自己紹介 活動名はHiruko、もしくはHirukoTimeで活動してます。 個人でSteamでゲームを販売したり、定期的にゲー…

こんにちは。UI フレームワークの狂人、亀山です。世は大宣言的 UI フレームワーク時代ですが、プラットフォームごとに乱立しまくっていて正解が見つけづらい状況でもあります。Unity のランタイム UI は長らく uGUI で構築されてきましたが、デフォルトの見た目は古めかしいし、エンジニア的にはシーン上であれこれ設定するのはメンテも大変という問題がありました。そこで最近登場した新しい Unity の UI システムである UI ToolKit を試した話と、諦めた話をします。

Unityエンジニアの大庭@ohbashunsukeです。 去年のUnityアドベントカレンダー2020でUnityの次世代UIシステムという位置づけのUI Toolkitについて執筆しました。 UI Toolkitを検証するモチベーション 僕は普段の業務でUI開発に携わっています。 基本はuGUIベースのPrefabワークフローでUIを作っていて知見は溜まってきました。 大抵の課題はuGUIで解決出来ると思っています。 一方Unityが公式で発表しているUIシステム「UI Toolkit」はHTML/CSSといったフロント技術からインスピレーションを受けた技術でuGUIとは全く違うアプローチ…

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

UI Toolkitで、Unity EditorのContextual Menu（右クリックメニュー）を使う方法についてまとめました。 Contextual Menuとは？ Contextual Menuを実装する 動作確認 動的にメニューを追加する 参考 Unity 2022.2.17 Contextual Menuとは？ Contextual Menuとは、Unity Editor上で右クリックを行った時に出現するメニューのことです。 Contextual Menu UI Toolkitでは独自のUIに対してContextual Menuを追加する仕組みが用意されています。 本記事ではこれ…

本日の気になった技術ブログ Tips リンク集です。 GPUの負荷につながるOverDrawのメモ 【Unity】 StringFieldやBoolFieldがない？いいえ、あります。【UIElements】 Android Studioの設定を修復する Unityに使うためのJIS第3水準漢字一覧表【全1259字】 C# カスタムコントロールのプロパティをデザイナーから見えなくする方法 [動画]色が薄れた世界 【企画・ゲーム設計】

UnityのUI Toolkitでコピー&ペーストなどのショートカットをハンドリングするCommand Eventの使い方についてまとめました。 Command Eventとは コピー&ペーストをハンドリングする 動作確認 対応しているコマンド 参考

要件 はじめに 方法 補足 Addressables Groups画面でビルドしたファイルはどこにあるの？ 「Default Build Script」でAddressablesのビルドをした後も実機確認は普通にビルドすればいいの？ おわりに 参考 要件 Unityバージョン：2022.3.16f1 Addressables：1.21.19 はじめに Addressable Asset Systemを使用したプロジェクトをビルドしたところ 以下のエラーが発生しました。 Failed to compile player scripts UnityEditor.AddressableAssets.…

UIToolkit とりあえず使う UIBuilder シーンに置く デザインやレイアウト変更 スクリプトから操作 デザインやりたいこと 日本語フォント テキスト省略... 画像を入れる 影を付ける デフォルトコンポーネントの細かいUI編集 highlighの色など（？） コードでのuxml,uss編集 uxml USS（？） 公式サンプルアセット QuizU Dragon Crashers 公式ドキュメント 最後に UIToolkit Unityの新しいUI実装のツール. 昔はUIElementという名前でEditor拡張用のイメージがあったけど、今は普通のゲーム実装でも推奨になっている。た…

UnityのUI Toolkitでマウス操作やジェスチャに関する処理を切り離して実装できるManipulatorの使い方についてまとめました。 はじめに Clickableマニピュレータ 独自のManipulatorを作る 独自のManipulatorの動作確認 参考

UnityのUI ToolkitでVisual Elementのマウスによるクリック判定・範囲を制御する方法です。 マウスイベントに反応しないようにする マウスイベントに反応する範囲を指定する 参考 Unity 2022.2.19 マウスイベントに反応しないようにする VisualElement.pickingModeをPickingMode.Ignoreに設定すると、そのVisualElementはマウスイベントに反応しなくなります。 この挙動を確かめるために以下のように、マウスイベントに反応した場合にログ出力を行う、PickingModeがIgnoreなVisualElementを作成しま…

概要 今回の内容 実装手順 アクションリスト画面とアイテム詳細画面の中身を実装 アクションリスト画面 アイテム詳細画面 プレハブにアタッチ フローに組み込む アクションリストの表示→選択のフロー アイテム詳細画面表示処理 動作確認 次回 概要 自分用に作成したLimeLibraryを用いたUIの実装例についての続きになります。 前回はこちら。 limegame.hatenablog.comこのライブラリでどのようなことができるかについてはこちらの記事をご覧ください。 limegame.hatenablog.com 今回の内容 全体のフローを完成させます。 実装手順 アクションリスト画面とアイテ…

UnityのUI Toolkitで独自のVisual ElementにDefault Actionを使ってイベントターゲットになった時の処理を定義する方法です。 Default Actionとは？ Default Actionの定義方法 ターゲットフェーズでDefault Actionを実行する 参考

概要 今回の内容 実装手順 InputModeUpdaterの追加 カーソルの用意 アイテムにButtonComponentを追加 選択時挙動のセットアップとイベントの追加 ItemListUiElements側から呼び出しとViewへのイベントの追加 イベントをトリガーにしてフローに組み込む 次回 概要 自分用に作成したLimeLibraryを用いたUIの実装例についての続きになります。 前回はこちら。 limegame.hatenablog.comこのライブラリでどのようなことができるかについてはこちらの記事をご覧ください。 limegame.hatenablog.com 今回の内容 アイ…

概要 今回の内容 実装手順 アイテムリスト画面の中身を実装 LayoutGroupの設定 ItemDataの受け渡し 次回 概要 自分用に作成したLimeLibraryを用いたUIの実装例についての続きになります。 前回はこちら。 limegame.hatenablog.comこのライブラリでどのようなことができるかについてはこちらの記事をご覧ください。 limegame.hatenablog.com 今回の内容 アイテムの一覧表示の実装を行います。 実装手順 アイテムリスト画面の中身を実装 まずはItemListViewにアイテム一覧を表示する機能を追加します。 ライブラリの使い方とは少し外…