🙋🏻‍♂️ Comment utiliser les fichiers Rive

Importez dans l'éditeur Rive pour éditer librement, modifiez selon vos besoins et exportez des fichiers riv pour utilisation.

🎯 Logique de base

Après avoir démarré la prévisualisation de la machine à états, obtenez des effets de changement au clic ; pour le contrôle de progression, ajustez manuellement les valeurs des données d'état liées pour prévisualiser les effets de contrôle de progression ; lorsque la valeur de progression correspondante atteint 100, elle change automatiquement d'état.

🎁 Remarques lors de l'exportation riv

Pour remplacer votre propre police et réduire la taille du fichier riv, notez les paramètres suivants : Trouvez la police correspondante, puis sélectionnez « Glyphes utilisés » dans les paramètres d'exportation—cela exporte uniquement les caractères utilisés, réduisant considérablement la taille du fichier riv.

🥳 Points clés pour utiliser les fichiers Rive

✍🏼 Paramètres d'initialisation Rive

stateMachines: "main" autoBind: true (Les autres paramètres peuvent être laissés non définis ou utiliser les valeurs par défaut)

💥 Liaison des champs de données

• isHover Type booléen : Défini sur true lorsque la souris survole le bouton, false sinon.
• isClicked Type booléen : Défini sur true après un clic sur le bouton, false avant le clic.
• progressNum Type numérique : Contrôle les valeurs de changement de progression, plage définie de 0 à 100 ; lorsque la valeur atteint 100, le bouton change automatiquement à l'état suivant.
• endTextTrigger Type déclencheur : Se déclenche une fois chaque fois que le texte de l'état final du bouton est cliqué.

🚀 Astuces avancées et ressources officielles

• Fournissez la machine à états et les descriptions des champs de ce cas à l'IA pour générer des modèles de code d'initialisation et d'interaction d'exécution correspondants, puis ajustez selon la structure du projet.
• Si la liaison est invalide, vérifiez d'abord la cohérence du nom stateMachines, de la dénomination des champs et des types.
• Documentation officielle d'exécution : https://rive.app/docs/runtimes/