お知らせ

次の項目は別ページに分割しました。

関連ページ:

UI Toolkit

旧 UIElements

  • Unity 2019.1 で導入され、当初は「UIElements」と呼ばれていた。
  • Unity 2021.2 で「UI Toolkit」に名称が変更され、ランタイム UI をサポートするようになった。

公式サイト:

UI Toolkit | Unity マニュアル [公式]

概要

  • VisualElement クラス
  • UXML
  • USS
  • UQuery
  • イベント
  • UIElements Debugger

参考:

UI Toolkit のシンプルなワークフロー | Unity マニュアル [公式]

UI ツールキット – グラフィカルユーザーインターフェースを開発する | Unity [公式]

UI Toolkit の新機能紹介 | Unity Blog [公式]

UI ToolKit を導入して効率よく UI を構築する | Unity for Pro [公式]

Unity 2019.1 の UIElements の新機能 | Unity Blog [公式]

導入

参考:

UI Toolkit をランタイム UI として使ってみる – Qiita

ランタイムとエディタ側それぞれで UI を表示してみる | ゲーム開発 65535 Ver2

UI Toolkit に触れてみた | ファブテラスいわて

新 UI システム UI Toolkit 触ってみた | CyberAgent

UI Toolkit メモ | フレームシンセシス

いきなりはじめる UIElements | はなちるのマイノート

UIElements でのエディタ拡張/自作ウィンドウとボタンを表示してみる | GREZZO 技術ブログ

UIElements 入門/概念~基本的な使い方まとめ | LIGHT11

まだ人類には早すぎる UIElements 事始め – Qiita

UI Elements & UI Builder をつかってみた | KLablog

UI Elements でいくつかサンプル書いたよ! | Unity + Asset Store おすすめ情報

UIElements の使い方 | Unity + Asset Store おすすめ情報

UIElements を使って Unity エディタの UI をカスタマイズしてみよう | Unity for Pro [公式]

使い方

参考:

UIElements の使い方 | Unity + AssetStore おすすめ情報

リストビュー (List View)

参考:

Unity 2020.1 で Reorderable List が作りやすくなったらしい……? – Qiita

UIElements.ListView | Unity 2020.3 スクリプトリファレンス [公式]

Class ListView | UI Toolkit 1.0 Manual [Official]

How to use ListView? – Unity Forum

Add / Remove items from ListView content in Editor – Unity Forum

Picking Mode

参考:

UIElements で Visual Element の背面に存在する UI をクリックできるようにする | コガネブログ

ランタイムで使う

ドキュメント:

ランタイム UI の作成 | Unity マニュアル [公式]

参考:

UI Builder でランタイム UI をサクッと組み立てる | LIGHT11

UI Toolkit のランタイムサンプルを試す | Mitsuhiro Koga

ランタイムで UI Toolkit を使ってみよう | Unity Blog [公式]

エディター拡張を作成する

参考:

UI Elements Editor 拡張入門 – Qiita

自作ウィンドウとボタンを表示してみる | GREZZO 技術ブログ

UIElements 機能を使ってエディタ拡張 | 株式会社ロジカルビート

Vector API

参考:

Introducing Vector API in Unity 2022.1 | Unity Forum

UI Builder

公式サイト:

UI Builder | Unity マニュアル [公式]

参考:

UI Builder でランタイム UI をサクッと組み立てる | LIGHT11

ランタイム UI の作成 | Unity マニュアル [公式]

Interface Overview – UI Builder | Unity マニュアル [公式]

Test inside UI Builder | Unity マニュアル [公式]

What is it for? – UIElement Debugger – Unity Forum

Debugger

旧 UIElements Debugger

参考:

Debug Styles | Unity マニュアル [公式]

参考:

UIElements Debugger – Unity 2018.3.0b1 新機能 | コガネブログ

旧 UIElements

公式サイト:

UIElements 開発者ガイド | Unity 2019.4 マニュアル [公式]

更新情報

What’s New in UI Toolkit Documentation | Unity Forum

サンプル

ドキュメント:

Examples | Unity マニュアル [公式]

リポジトリ:

simple-ui-toolkit-workflow – Unity-Technologies/ui-toolkit-manual-code-examples – GitHub

Unity-Technologies/UIElementsExamples – GitHub

Unity-Technologies/UIElementsUniteLATurretDemo: Demo Used in Unite LA 2018 UIElements Talk – GitHub

フォーラム

UI Toolkit | Unity Forum

資料

UIElements + UI Builder で Editor 拡張を作ろう – SlideShare

リファレンス

API | UI Toolkit 1.0 Manual [Official]

Tips

UI Toolkit で多人数開発は可能なのか?シンプルな画面遷移を作って検証してみる | Sumzap Engineering Blog

チュートリアル

こちらのページを参照

Get Started with UI Builder / Time to Ditch Old UI System?

UI Toolkit in 5 Minutes

Create Game Menu Like a Pro Using UI Toolkit

Main Menu

Dragon Crashers

動画:

Trailer

入手:

Dragon Crashers – UI Toolkit Sample | Unity Asset Store [Official]

フォーラム:

UI Toolkit Sample Project – Dragon Crashers is Now Available on Unity Asset Store | Unity Forum

パッケージ

リポジトリ:

needle-mirror/com.unity.ui – GitHub

ドキュメント:

UI Toolkit | Unity Manual [Official]

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA