Touchify Help Center
Les animations

Les storyboards

Apprenez comment utiliser les storyboards pour optimiser vos animations.

Créer un storyboard

Cliquez sur le menu déroulant "Storyboard" en bas à gauche de l'interface, dans le footer.

Sélectionnez le bouton "Ajouter un storyboard" : les paramètres de ce nouveau storyboard s'afficheront, complétez-les puis cliquez sur le bouton "Retour" (flèche) pour valider.

Ajout d'un storyboard depuis le footer

Méthode 2 : via l'élément

Sélectionnez votre élément et rendez-vous dans le panneau "Animations". Cliquez sur le menu déroulant "Storyboard" en haut de la fenêtre.

Sélectionnez le bouton "Ajouter un storyboard" : les paramètres de ce nouveau storyboard s'afficheront, complétez-les puis cliquez sur le bouton "Retour" (flèche) pour valider.

Ajout d'un storyboard depuis un élément

Modifier un storyboard

Sélectionnez le bouton déroulant "Storyboard" (dans le footer ou dans le panneau des animations) puis cliquez sur le bouton "Modifier" (Pictogramme crayon) du storyboard que vous souhaitez modifier.

Modification d'un storyboard

Exécution

Choisissez de lancer le storyboard à l'affichage ou à la disparition de la page. Cette option est utile dans le cas où vous dédiez votre storyboard aux animations d'entrée ou aux animations de sorties.

Répéter & alterner

Pour répéter votre storyboard, cliquez sur l'interrupteur de l'option "Répéter le storyboard" : choisissez le nombre et la fréquence des répétitions.

Pour alterner votre storyboard, cliquez sur l'interrupteur de l'option "Alterner le storyboard" : à la fin de son cycle, le storyboard sera rembobiné puis rejoué à la manière d'un boomerang.

Éléments entrants

Par défaut, un élément est invisible avant que son animation d'apparition soit déclenchée. Pour annuler ce comportement, cliquez sur l'interrupteur de l'option "Ne pas masquer les éléments entrants".

Choisir un storyboard

Chaque animation d'élément est appliquée à un storyboard.

Sélectionnez votre élément puis cliquez sur le bouton "Animations" pour vous rendre dans le panneau des animations d'élément. Sélectionnez le storyboard de votre choix dans le menu déroulant "Storyboard" : la prochaine animation que vous ajouterez à votre élément sera affiliée à ce storyboard. Les animations déjà créées dans ce storyboard seront également visibles dans le panneau "Animations de l'élément".

Sélection d'un storyboard
Attention : une fois l'animation appliquée, vous ne pourrez pas la changer de storyboard. Assurez-vous d'avoir sélectionné le bon storyboard avant d'ajouter une animation.