Image and raw image components in Unity - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the primary purpose of the Image component in Unity UI?

The Image component is used to display sprites (2D images) in the UI, such as icons, buttons, and backgrounds.

beginner

How does the RawImage component differ from the Image component in Unity?

RawImage displays textures directly without requiring them to be sprites, making it suitable for showing videos or dynamically generated textures.

intermediate

Which property of the Image component controls how the image is filled or sliced?

The 'Image Type' property controls how the image is rendered: Simple, Sliced, Tiled, or Filled.

intermediate

Can you use a RawImage component to display a sprite directly?

No, RawImage requires a Texture, not a Sprite. Sprites must be converted to textures or use the Image component instead.

beginner

What is a common use case for RawImage in Unity UI?

Displaying video frames, webcam feeds, or procedural textures that are not sprites.

Which Unity UI component is best for displaying a sprite with slicing options?

A Text

B Image

C RawImage

D Button

The Image component supports sprite slicing and different image types, making it ideal for UI elements like buttons.

What type of asset does RawImage require to display content?

A Texture

B Sprite

C AudioClip

D Material

RawImage uses Texture assets directly, unlike Image which uses Sprites.

Which Image Type allows an image to be filled gradually, like a progress bar?

A Filled

B Sliced

C Tiled

D Simple

The Filled type lets you fill the image progressively, useful for health bars or loading indicators.

If you want to show a webcam feed in your UI, which component should you use?

A Slider

B Image

C Text

D RawImage

RawImage can display live textures like webcam feeds directly.

Can the Image component display a video frame directly?

A Yes, using a sprite

B Yes, using a texture

C No, it requires a RawImage

D No, videos are not supported in UI

Video frames are textures and are best displayed with RawImage, not Image.

Explain the differences between the Image and RawImage components in Unity UI.

Think about what kind of image data each component handles and their common uses.

Describe a scenario where you would choose RawImage over Image in a Unity project.

Consider dynamic or non-sprite image sources.