Préface : Pour des raisons personnelles, et parce que je pensais que c'était inutile (paresseux ) avant , je ne l'ai pas écrit pendant un moment ( ), j'ai donc fait un article parce que beaucoup de gens en avaient besoin.
Remarque : Ce didacticiel utilise uniquement le Xiaomi Mi Band 8 comme exemple. D'autres modèles pris en charge par cet outil peuvent également être utilisés à titre de référence. Le contenu peut être incomplet et sera mis à jour ultérieurement.
Merci à @huangtao1189 d'avoir signalé une erreur d'animation
Un exemple de cadran est fourni pour votre référence.
1. Téléchargement et configuration : (Si vous avez déjà téléchargé, vous pouvez l'ignorer)
1.1 : Télécharger
Cliquez d'abord sur ce lien pour télécharger, ou allez en haut de la section correspondante pour télécharger. Une fois la décompression terminée, vous pouvez obtenir ce fichier.浏览附件19077
1.2 : Configuration de l'application
Faites un clic droit sur « EasyFace.exe », cliquez sur Propriétés, recherchez Compatibilité en haut, cochez « Exécuter ce programme en tant qu'administrateur », puis cliquez sur « Appliquer ».
浏览附件19078
2. Créez de nouveaux fichiers de projet et placez des ressources d'image
2.1 : Créer un nouveau fichier de projet
L'ouverture initiale est comme ça (elle peut être différente de la vôtre, j'ai ajusté la position),浏览附件19079
À ce stade, cliquez sur la première icône dans le coin supérieur gauche pour créer un nouveau projet.
浏览附件19081
Une boîte apparaîtra. Après avoir rempli les informations, sélectionnez Xiaomi Mi Band 8 comme type de bracelet à confirmer.
浏览附件19082
Ensuite, le contenu suivant a été généré dans le dossier :
浏览附件19083
images : stocke les ressources d'images (png) ; placez uniquement des images, veuillez ne pas y mettre d'autres fichiers (tels que psd, txt), etc., et ne pas y créer de dossiers.
sortie : dossier de sortie, utilisé pour stocker les fichiers de sortie.
Exemple.fprj : fichier projet, utilisé pour enregistrer le projet.
2.2 : Importer des ressources d'images
Mettez simplement le fichier png utilisé pour la production et le logiciel l'affichera. (Pas besoin d'y créer des dossiers)
3. Corps principal de production
3.1 : Fond de carte (arrière-plan)
Cliquez sur "Boîte à outils-Contrôles de base-Image", dessinez-en un et remplacez "x, y" par "0, 0" dans la fenêtre des propriétés à gauche, comme indiqué sur la figure.
浏览附件19084
Faites ensuite glisser l'image de "Picture Browser" vers la colonne "Propriétés-Image".
浏览附件19086
3.2 : Temps
Cliquez sur "Boîte à outils-Contrôles de base-Affichage numérique général", dessinez une taille appropriée, faites glisser l'image du "Navigateur d'images" vers la colonne "Propriétés-Liste d'images numérotées" (faites glisser les numéros 0 ~ symboles), puis les contrôles peuvent être affichés. Copiez ensuite ce contrôle et collez un total de 4 contrôles (pourquoi 4 sera expliqué plus tard).
PS : Pour 8Pro, veuillez utiliser directement la source de données avec deux chiffres d'heures et de minutes, car elle est différente du mécanisme 8. Les mots gris en bas sont écrits pour 8 utilisateurs.
! ! ! Notez que chaque contrôle individuel (tel qu'une liste d'images, une liste de numéros) ne peut utiliser qu'un seul jeu d'images et ne peut pas être réutilisé. 4 jeux d'images doivent être copiés correspondant à 4 contrôles. ! ! !
Modifiez l'image correspondante du contrôle collé, ajoutez les sources de données sous forme de "heures-dizaines", "heures-unités", "minutes-dizaines", "minutes-unités", puis modifiez la position xy.
L'effet est comme indiqué sur la figure
浏览附件19087浏览附件19089
PS : Pourquoi ne pas simplement utiliser « heures » et « minutes » ? La raison en est que cette source de données est utilisée pour le cadran du pointeur, et ce n'est pas simplement 0 à 24, car lorsqu'elle est appliquée au pointeur, l'heure se déplacera pas à pas en fonction des minutes, pas directement de 11 à 12. Cette valeur comporte probablement un point décimal, donc au bout de 30 minutes, 23,6 s'affiche sur le composant numérique et devient 10% 24. (Écrit à 8)
3.3 ate
Tout comme l'heure, changez simplement la source de données en date et ajustez le nombre de chiffres à 2 chiffres.浏览附件19090
3.4 : semaine
Cliquez sur "Boîte à outils-Contrôles de base-Liste d'images", dessinez une taille appropriée, ajustez la valeur d'index par défaut à 0 et la quantité à 7. Faites glisser l'image de "Navigateur d'images" vers la colonne "Propriétés-Liste d'images-Nom" ; Ensuite, définissez la valeur d'index. La valeur d'index correspondant au dimanche est 0 et du lundi au samedi sont de 1 à 6 dans l'ordre. Après avoir rempli, définissez la source de données sur "semaine".
浏览附件19091
3.5 : nombre de pas, fréquence cardiaque, calories, batterie
C'est la même chose que le réglage de l'heure. Il vous suffit de remplacer la source de données par celle correspondante, de modifier le nombre de chiffres et d'ajuster les détails si nécessaire.
Remarque : Si vous ne souhaitez pas afficher le 0 devant le nombre, vous pouvez activer la suppression des bits élevés.
浏览附件19092
3.6 : Tableau des coupures de courant
Cliquez sur "Boîte à outils-Contrôles de base-Liste d'images", dessinez une taille appropriée, ajustez la valeur d'index par défaut à 10 et la quantité à 10. Faites glisser les images de "Navigateur d'images" vers la colonne "Propriétés-Liste d'images-Nom". ;Ensuite, définissez la valeur d'index. Par exemple, si vous souhaitez changer la première image lorsque la puissance est XX, remplissez simplement XX pour la valeur d'index, puis remplissez-la dans l'ordre.
浏览附件19093
3.7 : Suppression de haut niveau
Si vous souhaitez que le numéro affiche 1 au lieu de 001, activez simplement "Properties-High Bit Blanking".
浏览附件19094
3.8 : Photos
Cliquez sur "Boîte à outils-Contrôles de base-Image", dessinez une taille appropriée, puis faites glisser l'image de "Picture Browser" vers la colonne "Propriétés-Image".
Remarque : Si cette image est transparente, veuillez remplir _RGBA dans le nom du contrôle.
浏览附件19095
3.9 : Bluetooth, Ne pas déranger, Verrouiller
Cliquez sur "Boîte à outils - Contrôles de base - Liste d'images", dessinez une taille appropriée, ajustez la valeur d'index par défaut à 0 et la quantité à 2 ; puis remplissez la valeur d'index, 0 signifie fermé, 1 signifie ouvert, suivez cette idée et sélectionnez Source de données correspondante.
浏览附件19096
3.10 : Animation (non prise en charge par Xiaomi Mi Band 8 actuellement)
Cliquez sur "Boîte à outils-Contrôles de base-Liste d'images", dessinez une taille appropriée, puis nommez-la anim_[xx@yy]
Si vous utilisez une image avec un fond transparent, ajoutez _RGBA au suffixe du nom et remplissez l'index en commençant à 0.
浏览附件19111浏览附件19112
3.11 : Composants connectables (non pris en charge par Xiaomi Mi Band 8 et 8Pro)
Veuillez mettre à jour la version vers la version V30.
Cliquez sur "Boîte à outils-Contrôles de base-Image" et dessinez une taille appropriée ; définissez le nom sur btn_[XXXXX]
. Si l'image a un fond transparent, ajoutez le suffixe _RGBA[/ICODE ] (tel que [ICODE]btn_[XXXXX]_RGBA
).
Si je souhaite définir le saut vers la fréquence cardiaque, remplacez XXXXX
dans btn_[XXXXX]_RGBA
par hrm
, l'effet est comme [ICODE ]btn_ [hrm]_RGBA[/ICODE].
Les autres ID de composants sont les suivants :
4. Production-AOD
On sait actuellement que Xiaomi Mi Band 8 doit créer AOD, sinon l'activation d'AOD passera au cadran de montre par défaut du système.
Créez un nouveau cadran, nommez-le AOD et enregistrez-le dans le même répertoire que le fichier de projet.
La méthode de production ultérieure est la même que celle du corps principal du cadran.
浏览附件19135
Une fois la création terminée, il n'est pas nécessaire de compiler, il suffit de l'enregistrer directement et de revenir au fichier principal du projet de numérotation.
浏览附件19137
5. Compilez le cadran
5.1 : Améliorer les informations de numérotation
Cliquez sur la zone vide, remplissez le nom et sélectionnez une image d'aperçu.
Remarque : L'image d'aperçu du Mihuan 8 doit être de 122 x 310, celle du 7Pro doit être de 220 x 358 ; et les coins arrondis doivent être coupés.
浏览附件19097
5.2 : Compiler le cadran
Cliquez sur l'icône dans le coin supérieur gauche pour lancer la compilation.
浏览附件19099
Si ces deux éléments sont affichés, cela signifie que la compilation est réussie.
浏览附件19100
Sortie vers \example\example\output
浏览附件19102
Le suffixe .face est un produit compilé et peut être directement flashé.
Finition
Problème commun:
Q : L'arrière-plan de l'image n'est pas transparent
R : Ajoutez _RGBA au nom de ce contrôle.
Q : Les images sont tronquées et l'emballage échoue toujours.
R : Veuillez vérifier si les images de cette liste d’images sont de la même taille ! ! ! Les tailles d'image dans la même collection d'images sont différentes, ce qui peut au mieux provoquer des caractères tronqués, ou conduire à un mode après-vente ! ! !
Q : Autres questions
R : Sera ajouté plus tard.
Si vous avez des questions, veuillez répondre au message, je vous répondrai quand j'aurai le temps.