Component Decorator

Inherit from UObject

SUMMARY #

A decorator contains the information needed to draw textures, material or other effects. In general, a decorator is an FSlateBrush containing an object such as a texture, material or render target.

WHEN TO USE IT? #

This is the basic decorator. If you simply want an image or a material, this is the one to use.

SIZE #

The size of a decorator is based on the size of the component’s geometry. By default, decorators have a size that matches the geometry’s fill size. You can adjust the decorator’s size by increasing or decreasing the size percentage.

Let’s say the component’s size is 150 slate units (SU).

• If Size is set to 100%, then the decorator is 150 SU.
• If Size is set to 150%, then the decorator is 225 SU.
• If Size is set to 50%, then the decorator is 75 SU.

DRAW TYPE #

The draw type allows you to define when this decorator is drawn. There are three options available:

• Pressed: Draw only when component is pressed.
• Released: Draw only when component is not pressed.
• Both: Always draw

By using this option, you can make your interface simpler and more minimalist without sacrificing the user experience.

ZORDER #

By default, the layout component draws decorators in hierarchical order. Therefore, decorators lower in the hierarchy are drawn later and are thus displayed before those higher up. You can force a decorator to be drawn before or after others based on its ZOrder value. The higher the ZOrder value, the later the decorator will be drawn.

ALIGNMENT #

Decorators are slate widgets contained within an overlay. You can define their alignment within this overlay.

ANIMATIONS #

You can animate decorators with a Component Decorator Animation. For example, you can animate their size or rotation. Currently, this feature is experimental, and Touch Interface Designer integrates two types of animation: size and rotation. You can, of course, create your own. For more information, see Component Decorator Animation.

HOW TO MODIFY DECORATOR? #

Get Instance

To retrieve the instance, you can use the functions Get Decorator By Name, Get Decorator By Index, or Get Decorator By Class functions in the layout component. If you know the instance type, you can directly use Get Decorator As Flipbook, Get Decorator As Blur, etc.

Modify Properties

Then you can directly modify the public properties or use the available functions.