🫥

UI Toolkit TextFieldのLabelとInputを縦に並べる

2023/09/14に公開

1. UI Toolkitとは

UI Toolkitは、ユーザーインターフェース(UI)を開発するための機能、リソース、ツールのコレクションです。UI
Toolkitを使用して、Unity Editor用のカスタムUIや拡張機能、ランタイムデバッグツール、ゲームやアプリケーションのランタイムUIを開発できます。

UI Toolkitは、標準的なWeb技術に触発されています。Webページやアプリケーションを開発した経験があれば、知識は移行可能であり、コアコンセプトはなじみがあります。

Unity - Manual: UI Toolkit より

2. できるもの

TextFieldの初期

LabelとInputが縦に並んでいる

3. 環境

  • Unity 2022.3.5f1

4. 方法

4.1. Viewport から変更する

青い枠内の TextField の文字の横にある Flex Direction を 2回クリックする。

TextFieldの初期

LabelとInputが縦に並ぶ

4.2. Inspector から変更する

Inlined StylesFlex にある Direction を変更する

TextFieldの初期

LabelとInputが縦に並ぶ

GitHubで編集を提案

Discussion