Alpha Effect

Overview

The Alpha Effect allows users to control the opacity and transparency of an image or text layer by adjusting the alpha value. This technique provides you with the flexibility to create stunning visual effects by dynamically changing the layer’s transparency during runtime.

To apply the alpha effect to the layer, follow the steps below:

  • Drag and drop the desired widget into the design view and add either image layer or text layer or both.

  • In the effects tab, add alpha effect to the widget or layer, which you need to make transparent at runtime.

    Alpha Effect

    Alpha Effect

  • Map a data variable to the effect.

    Alpha Effect

    Alpha Data mapping

In simulation, set the data variable value (0 to 255) to change the opacity of the layer during runtime.

Alpha Effect

Alpha Effect in Simulation

Download the sample project for the alpha effect from the Downloads Section .

Points to be considered:

  • Only one alpha effect can be applied at a time whether it’s on a widget or a layer.

  • Alpha values should range from 0 to 255.

  • Data storage should be set to Unsigned int8.

  • Neither invalid nor empty data is permissible.