🙋🏻‍♂️ Comment utiliser les fichiers Rive

Importez dans l'éditeur Rive pour éditer librement, 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 à é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.

🎁 Remarques 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 Glyphs used dans les paramètres d'exportation, ce qui n'exporte que 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

• isHovered 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.
• progress Type numérique : Utilisé pour contrôler 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 de 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 échoue, vérifiez d'abord la cohérence du nom stateMachines, de la dénomination des champs et des types.
• Documentation d'exécution officielle : https://rive.app/docs/runtimes/