États

Les états font partie des fondamentaux de PandaSuite. Ils vous permettent d'animer vos objets et vos écrans à l'aide de transitions.

Ils sont partout. Il existe des états dans les écrans, les avant-plans et arrière-plans et dans certains composants : la Pop-Up et le Multi-état. Ils s’utilisent de la même façon et conservent les mêmes caractéristiques.

Qu'est-ce qu'un état ?

Un état est une scène particulière, une sorte de photographie à un instant "t" d'un ou de plusieurs objets. Quand vous créez un état lié et que vous changez la disposition de vos objets, une transition s'applique et vos objets s'animent.

Vous pouvez créer des transitions à partir de tout type d'objets graphiques (images, texte, composants). Seul le grossissement du texte n'est pas pris en compte.

Les différents types d'états

Il existe deux types d'états : 

  • l'état vierge : c'est un état totalement indépendant. 
  • l'état lié : il conserve toutes les caractéristiques de l’état de référence et un lien avec cet autre état. C'est lui qui vous permet de réaliser des transitions et des animations.

Créer un état lié 

Sélectionnez l'état et cliquez sur le bouton orange.

Un nouvel état se créé, sous son nom se trouve le nom de l'état d'origine.

Vous pouvez le déplacer dans la liste où vous voulez.

Créer une transition

Pour créer la transition entre vos deux états liés, il faut créer une action interactive.

Cliquez sur Actions.

Choisissez un déclencheur et choisissez l'action Aller à l'état sélectionné ou Agir sur composant > Pop-up/Multi-étatAller à l'état sélectionné  si votre état est dans un composant. 

Votre transition est créée automatiquement.

Vous pouvez attribuer un délai, une durée et une animation à votre transition. Pour en savoir plus : Animations

Les liens entre états

Quand vous créez un état B basé sur un état A, l’état A devient le parent de l'état B. Tous les objets sont alors liés entre ces deux états. Par défaut toute modification sur l'état A est automatiquement appliquée à l'état B. Pour créer une transition, il vous faut apporter une modification sur l'état B. Il existe trois liens qui agissent sur les objets :

  • Taille & Position
  • Propriétés
  • Interactivités

liens_e_tat_lie_.png

Rétablissez à tout moment les caractéristiques originales depuis la fenêtre Objets en cliquant sur l'icône du lien.

liens_entre_e_tat.png

Attention : si vous importez un nouvel objet ou que vous coupez l'objet, les liens sont rompus et l'objet devient totalement indépendant. Aucune transition ne sera possible sur cet objet.

Mettre un état par défaut

Par défaut, l'état 1 s'affiche au lancement de votre écran.

Pour choisir un autre état par défaut, cliquez sur l'icône punaise dans la fenêtre Écrans ou rendez-vous dans la fenêtre Propriétés.

Supprimer un état

Pour supprimer un état, cliquez sur la poubelle. Attention aux liens entre parent et enfant pour ne pas supprimer une transition.

Vous avez encore besoin d'aide ? Contactez-nous Contactez-nous