Version: 2023.2
言語: 日本語
背景画像の設定
画像のインポート設定

画像アセットで背景画像を設定する

インポートまたはビルトインの画像アセットを使用して、UI の背景画像を設定できます。

UI ビルダーを使って背景画像を設定する

UI Builder を使って UI の背景画像を設定するには、以下を行います。

  1. プロジェクトに背景画像をインポートします。
  2. UI Builder で通常の VisualElement を作成します。
  3. 要素の背景画像をインポートした画像に設定します。

背景画像を設定する場合は、サポートされている背景画像のタイプを選択する必要があります。

Note: SVG 画像をVisualElement の背景として使用するには、パッケージをインストールする必要があります。そのためには、Package Managerウィンドウで、Git URLからcom.unity.vectorgraphicsパッケージをインストールしてください。

C# を使って背景画像を設定する

To use C# to set a background image for your UI, assign the image to the style.backgroundImage property.

以下のコード例は、ビジュアル要素の背景画像を設定する方法を示しています。

// Use the AssetDatabase method to load the texture.
myElement1.style.backgroundImage = AssetDatabase.LoadAssetAtPath<Texture2D>("path/to/imageFile.png");

// Use the AssetDatabase method to load the Sprite.
myElement2.style.backgroundImage = new StyleBackground(AssetDatabase.LoadAssetAtPath<Sprite>("path/to/spriteAssetFile.png"));

// Load the texture from project's Resources folder.
myElement3.style.backgroundImage = Resources.Load<Texture2D>("imageFile");

// Load the Sprite from project's Resources folder.
myElement4.style.backgroundImage = new StyleBackground(Resources.Load<Sprite>("spriteAssetFile"));

// Use the Unity Editor's default resources.
myElement5.style.backgroundImage = EditorGUIUtility.FindTexture("CloudConnect");
myElement6.style.backgroundImage = EditorGUIUtility.IconContent("FolderOpened Icon").image;

その他の参考資料

背景画像の設定
画像のインポート設定