🙋🏻‍♂️ Comment utiliser les fichiers Rive

Importez dans l'éditeur Rive pour une édition libre, modifiez selon vos besoins et exportez les fichiers RIV pour utilisation.

🎯 Logique de base

Après avoir démarré la prévisualisation de la machine d'état, 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 le contrôle de progression ; lorsque la valeur de progression correspondante atteint 100, elle bascule automatiquement d'état pour des changements.

🎁 Notes lors de l'exportation RIV

Pour remplacer les polices et réduire la taille des fichiers 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 des fichiers 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 la valeur de changement de progression, plage 0-100 ; lorsque la valeur atteint 100, le bouton change automatiquement à l'état suivant.

🚀 Astuces avancées et ressources officielles

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