States
States are part of the PandaSuite fundamentals. They allow you to animate your objects and screens with transitions.
They are everywhere. There are states in screens, foregrounds and backgrounds and in some components: Pop-Up and Multi-State. They are used in the same way and keep the same characteristics.
What is a state?
A state is a particular scene, a kind of snapshot at a specific moment of one or more objects. When you create a linked state and change the layout of your objects, a transition applies and your objects come to life.
You can create transitions from any type of graphic objects (images, text, components). Only text enlargement is not taken into account.
The different types of states
There are two types of states: blank states and linked states. The blank state is a completely independent state. The linked state retains all the characteristics of the original state and a link with this other state: this is how you make animations.
Create a linked state
Select the state and click on the orange button.
A new state is created, under its name is the name of the original state.
You can move it in the list wherever you want.
Create a transition
To create the animation between your two states, all you have to do is create an interactive action.
Choose a trigger and choose the action Go to selected state or Interact with a component > Pop-up/Multi-state > Go to selected state if your state is in a component. Your transition is created automatically.
You can set a delay and duration to your transition.
Learn more: Transitions & Animations
Links between states
When you create a state B based on a state A, state A becomes the parent of state B. All objects are then linked between these two states. By default, any change on state A is automatically applied to state B. To create a transition, you need to make a change to your objects' characteristics in state B. There are three types of characteristics on your objects:
- Size & Position
- Properties
- Interactivities
You can restore the original characteristics at any time from the Objects window by clicking on the link icon.
Be careful: if you import a new object or cut the object, the links are broken and the object becomes completely independent. No transition will be possible on this object.
Set a default state
By default, status 1 is displayed when launching a screen.
To choose a different default state, click the pin icon in the Screens window or go to the Properties window.
Delete a state
To delete a state, click on the trash can. Beware of the links between parent and child so as not to break an animation.