UIツールキット(1)

UIツールキットインターフェース

Unity 2021LTS バージョン以降、UI Toolkit も Unity に組み込まれています。Unity は、UI Toolkit を UI 構築の主な方法にする予定です。もちろん、UGUI と比較すると、いくつかの違いがあります。それぞれに利点があります。今回はUI Toolkitを紹介します。
ここに画像の説明を挿入

以下の場所でUIビルダーを開きます。その後、
ここに画像の説明を挿入
ゲーム オブジェクトの追加と編集に使用したインターフェイスと似たインターフェイスが表示されます。ただし、異なるのは、これが UI の編集インターフェイスであることです。フォルダー内に UI ドキュメント ファイルを作成して開くと、編集インターフェイスが開き、直接編集することもできます

ここに画像の説明を挿入

キャンバス設定

キャンバス サイズ: キャンバスのサイズを調整するために使用します。
ゲーム ビューに一致: ゲーム ウィンドウのサイズに自動的に適応するためにチェックされます。
ここに画像の説明を挿入
ここに画像の説明を挿入
VisualElement は、すべての UI コントロールの基本クラスです。 UI コントロール

背景制作

ここに画像の説明を挿入
ここには VisualElement のプロパティがたくさんありますが、
背景画像を追加したら、Flex の Grow を 1 に変更することを忘れずに行って、背景のあるウィンドウを表示できるようにすると、
ここに画像の説明を挿入
空を背景にした UI インターフェイスが完成します。

UIレイアウト

ここに画像の説明を挿入
背景に複数の視覚効果コントロールを追加し、背景の色を暗い色に変更し、透明度を変更し、マージンを 4% に変更すると、上記の効果が得られます。
もちろん、他のエフェクトを追加することもできます。

おすすめ

転載: blog.csdn.net/tongmeng_yiran/article/details/130034196