design-kit

design-kit part d'une distinction simple : un aspect natif vient des composants d'Apple, tandis qu'un aspect personnalise vient de vos propres composants, votre ligne de barre laterale, votre bouton, votre case a cocher, vos icones. La plupart des apps gardent les composants d'Apple et choisissent seulement une couleur d'accent; un kit se construit quand les composants eux-memes doivent changer. Tout vit dans Sources/<App>/DesignKit. D'abord, ecrire une specification a partir du modele kit-spec : trois mots pour le ressenti, les jetons, l'echelle typographique, les regles d'icones, et une section par composant avec ses tailles et ses etats. Ensuite, des jetons en trois couches : une palette de couleurs brutes, une couche de sens avec une valeur claire et une valeur sombre chacune, et des echelles pour la typographie, les mesures et le mouvement, pour qu'un changement de marque ne touche que la palette et qu'un correctif de mode sombre ne touche que la couche de sens. Les styles typographiques sont nommes par role, jamais par taille. Les vues nomment un KitIcon, jamais un symbole SF ou un fichier, pour que tout le jeu puisse changer en un seul endroit. Chaque composant est un vrai controle, stylise avec un ButtonStyle, un ToggleStyle ou un TextFieldStyle, jamais une forme avec un geste de toucher, et il possede chaque etat (repos, survol, presse, selectionne, focus, desactive) en clair et en sombre, plus un etat force pour la galerie. Pour un aspect entierement personnalise, la barre de titre est masquee et une barre superieure personnalisee est dessinee, tandis que les feux de circulation, menus, menus contextuels, feuilles et alertes restent natifs. Une page galerie montre chaque composant dans chaque etat en clair et en sombre, et l'app l'affiche a la place de ses pages quand APP_KIT_GALLERY=1 est defini. Le travail est termine quand la specification couvre chaque composant, chaque composant est un vrai controle avec chaque etat, la galerie les montre tous en clair et en sombre, et les controles grid lint et grep reviennent propres. Credit : cree par daveebbelaar, dans le depot bama. Source : https://github.com/daveebbelaar/bama, fichier skills/design/design-kit/SKILL.md.