Widget Animation

Using this action, you can trigger a widget animation inside your app.

Prerequisites

Before you add this action, define the animation that will run for your widget.

Type of widget animation

Following are the types of actions you can use to control the animation:

1. Start Animation: This starts the animation from the beginning and resumes after it has paused.

2. Stop Animation: This stops the animation.

3. Reset Animation: This stops the animation and brings the widget to its initial state.

Adding Widget Animation action

Follow the steps below to add this action to any widget.

1. Select the widget (e.g., Button) on which you want to define the action.

2. Select Actions from the Properties panel (the right menu)

3. Click + Add Action and then search and select the Widget Animation.

4. Choose Widget Animation and set it to the widget (on which you have defined the animation).

5. Select the Animation Action Type.

6. If you select Start Animation:

   1. To resume a paused animation from its current state rather than starting over, activate the Resume Animation toggle. However, be aware that this is only effective if the animation hasn't yet reached its final state and is not set to loop continuously

   2. To repeat the animation, enable Loop Animation.

   3. To reverse the animation immediately after it has reached its final state, enable the Reverse Animation toggle.

   4. By default, this action is set to blocking, meaning it must complete before any subsequent actions are triggered. If you prefer to have the next action start immediately after this one is triggered, without waiting for it to finish, enable Non-Blocking option

Tip: If you enable the Loop Animation and Reverse Animation together, it will reverse the animation before looping, creating a boomerang-like effect.