UI Image component properties
We’ve created a UI Image before, but let’s look at its properties and components.
You can create a new UI Image object using + | UI | Image.
The UI Image object contains the Rect Transform and Canvas Renderer components as well as the Image component. We’ve looked at the Rect Transform and Canvas Renderer components extensively; now, let’s look at the Image component.
The first setting on the Image component is the Source Image property, which represents the sprite that will be rendered. The Color property represents the base color of the sprite being rendered. Leaving the color at white will make the Image appear exactly as the sprite, but changing the color will add a tinted color overlay to the Image. You can also change the transparency of the Image by reducing the alpha value. The Material property allows you to add a material to the Image.
The Raycast Target and Raycast Padding properties work the same way...
