Minuteur

Contrôlez le timing des animations, des mouvements et des actions dans votre application ou votre contenu interactif avec le composant Minuteur.

Avec le composant Minuteur, vous pouvez animer de manière fluide des composants à des vitesses prédéfinies ou déclencher des actions à des moments spécifiques. Il sert d'outil de chronologie polyvalent pour vos projets créatifs.

Modifier le minuteur

Le Minuteur est un composant système qui n'a pas de représentation visible à l'écran. Vous pouvez le trouver dans la liste des Objets en bas à gauche.

Voici les propriétés du Minuteur :
  • Type : choisissez entre Normal et Inactivité. En mode Normal, le minuteur fonctionne en fonction de la durée spécifiée et commence à décompter ou à progresser dès qu'il est activé ou déclenché. En mode Inactivité, le minuteur prend en compte l'activité ou les interactions de l'utilisateur pour déterminer son comportement. Le minuteur se réinitialisera et recommencera son décompte ou sa progression chaque fois qu'une activité utilisateur sera détectée.
  • Lecture automatique : détermine si le minuteur démarre automatiquement lorsque l'écran ou le composant contenant le minuteur est chargé ou affiché.
  • Répétition : détermine si le minuteur doit redémarrer automatiquement et répéter son décompte ou sa progression après avoir atteint sa durée définie. Il contrôle si le minuteur fonctionne en mode à exécution unique ou répétitive.

💡 Remarque : s'il y a plusieurs répétitions du composant Minuteur, l'action d'arrêt se produira uniquement à la fin des répétitions.

  • Durée : spécifie la durée pendant laquelle le timer fonctionnera avant de terminer son décompte ou sa progression. Cela représente la durée totale pendant laquelle le timer sera actif.

Cas d'utilisation pratique

Explorons deux scénarios pratiques qui mettent en évidence les fonctionnalités du composant Minuteur.

Exécuter une action en fonction du timing

Si vous souhaitez déclencher une action à un moment prédéfini, vous pouvez combiner les composants Synchronisation et le Minuteur.
Pour définir la vitesse de défilement automatique d'une zone de défilement, suivez ces étapes :
  • Insérez un composant Zone de défilement et configurez-le pour un défilement horizontal (2000 pixels)
  • Insérez un composant Minuteur et réglez-le en lecture automatique avec une durée de 4 secondes.
  • Insérez un composant Synchronisation et sélectionnez les deux autres composants dans les propriétés.
  • Synchronisez le temps du Minuteur avec les positions "x" de la Zone de défilement.

Déclencher une action à un moment spécifique

Vous pouvez également définir des marqueurs sur le composant Timer pour créer une chronologie. Cela peut être utile à diverses fins, telles que la création de mécanismes de jeu ou l'orchestration de séquences d'actions sans dépendre uniquement des délais.
Pour afficher automatiquement une fenêtre contextuelle après 5 secondes, suivez ces étapes :
  • Insérez un composant Pop-up et personnalisez son contenu.
  • Insérez un composant Timer, réglez-le en lecture automatique avec une durée de 4 secondes.
  • Créez un marqueur à 4 secondes.
  • Accédez aux Actions et ajoutez une nouvelle action.
  • En tant que déclencheur, sélectionnez le marqueur nommé Time 00:04.00.
  • En tant qu'action, Interagir avec un composant > Pop-up > Ouvrir la Pop-up
En utilisant efficacement le composant Minuteur, vous pouvez orchestrer des animations et des actions basées sur le timing précis dans vos projets. Profitez de cet outil puissant pour créer des expériences engageantes et dynamiques pour vos utilisateurs.

Déclencher une action en cas d'inactivité de l'utilisateur

💡 Consultez cet article : Déclencher une action en cas d'inactivité de l'utilisateur

Cela a-t-il répondu à votre question ? Merci pour les commentaires Il y a eu un problème pour soumettre vos commentaires. Veuillez réessayer plus tard.