Version: 2023.1
Set background images
Image import settings

Set background images with an image asset

You can use an imported or built-in image asset to set a background image for your UI.

Use UI Builder to set a background image

To use UI Builder to set a background image for your UI:

  1. Import a background image into your project.
  2. Create a regular VisualElement in UI Builder.
  3. Set the element’s background image to the imported image.

When you set the background image, you must select a supported background image type:

Note: To use an SVG image as a background for a VisualElement, you must install a package. To do so, in the Package Manager window, install the package com.unity.vectorgraphics from Git URL.

Use C# to set a background image

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

The following code example shows how to set background images for visual elements:

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

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

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

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

其他资源

Set background images
Image import settings
Copyright © 2023 Unity Technologies
优美缔软件(上海)有限公司 版权所有
"Unity"、Unity 徽标及其他 Unity 商标是 Unity Technologies 或其附属机构在美国及其他地区的商标或注册商标。其他名称或品牌是其各自所有者的商标。
公安部备案号:
31010902002961