🙋🏻‍♂️ Comment utiliser les fichiers Rive

Importez dans l'éditeur Rive pour une édition libre, modifiez selon vos besoins, et exportez le fichier .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 le contrôle de progression ; lorsque la valeur de progression correspondante atteint 100, elle change automatiquement d'état.

🎁 Notes lors de l'exportation des fichiers .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 du fichier .riv.

🥳 Points clés pour utiliser les fichiers Rive

✍🏼 Paramètres d'initialisation de 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.

🚀 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, puis ajustez selon la structure du projet.
• Si la liaison échoue, vérifiez d'abord que le nom stateMachines, les noms des champs et les types correspondent.
• Documentation officielle d'exécution : https://rive.app/docs/runtimes/