UI Image Component
You can use an Image component to add a color tint or texture to an element. Use the Properties pane of the UI Editor to configure the following settings for the Image component.
|SpriteType||Select one of the following:|
|Sprite path||Click the browse (…) icon and select a suitable file. Click the open-in (arrow) icon next to Sprite path to open the Sprite Editor .|
|Render target name||Enter a name of a render target and press Enter.|
|Index||The sprite sheet image index that the component will render.|
|Color||Click the color swatch to select a different color. Displays only if the SpriteType is Sprite/Texture asset and the image has been configured as a sprite sheet using the Sprite Editor .|
|Alpha||Use the slider to choose an alpha value between 0 and 1.|
|Image type||Select one of the following:|
|Blend Mode||Select one of the following:|
|Fill Type||Select one of the following:|
|Fill Amount||The amount of the image to be filled, from |
|Fill Start Angle||The start angle for the fill, measured in degrees clockwise from vertical.|
|Corner Fill Origin||The starting corner that the image is filled from. Select one of the following:|
|Edge Fill Origin||The edge from which the image is filled about (radial corner) or from (linear). Select one of the following:|
|Fill Clockwise||If selected, the image is radially filled clockwise about the fill center.|
|Fill Center||If selected, the center segment of a slice-resized sprite is visible.|
Copyright © 2022 Open 3D Engine Contributors
Documentation Distributed under CC BY 4.0.
The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our Trademark Policy page.