Comment utiliser des polices personnalisées dans mon application Apple Watch?

Par défaut, Xcode n'offre qu'un nombre limité de polices pour la création d'applications Apple Watch. Les développeurs qui souhaitent des polices plus élaborées doivent les ajouter manuellement au projet et les modifier via le code. Voici comment faire.

1. Assurez-vous que vous avez le otf fichier de la police. Dans ce tutoriel, j'utilise la police KaushanScript.

2. Ouvrez le projet Xcode auquel vous souhaitez ajouter une police, clic droit sur la cible de l'extension WatchKitet choisissez Ajouter des fichiers à….

3. Sélectionnez la nouvelle police, assurez-vous que Copier les éléments si nécessaire est vérifié et le deux cibles WatchKit sont sélectionnées avant d'importer la police dans le projet.

Assurez-vous que la police est incluse dans le lot en sélectionnant le nom du projet -> Extension WatchKit -> Phases de construction -> Copier les ressources du bundle.

4. Ajouter le Polices fournies par l'entrée de l'application au Fichier Info.plist des extensions WatchKit et de l'application WatchKit. Pour Point 0, définissez le nom exact du fichier de police que vous venez d'ajouter, y compris l'extension de police.

5. Afin de définir la police plus tard, nous aurons besoin du nom de la police. Bien que, dans la plupart des cas, le nom de la police soit identique à celui du fichier, personne ne peut le garantir. Quelqu'un sur Internet peut changer le nom du fichier, mais le nom de la police reste le même. Pour trouver le nom actuel de la police, ouvrez leInterfaceController.swift fichier de la vue initiale sous l’extension WatchKit et appelez le printFonts méthode en awakeWithContext.

6. Lancez l'application Watch et recherchez le nom de la police dans la zone de débogage. Une fois que vous avez le nom du fichier, vous pouvez supprimer la méthode printFonts du fichier swift.

7. Basculez vers la vue initiale de l'application Watch, ajoutez une étiquette et connectez-la au code à l'aide de IBOutlet.

8. Enfin, créez un NSAttributedString exemple avec les paramètres de la capture d'écran ci-dessous et appelez label.setAttributedText (attributText) pour changer la police.

Portez une attention particulière au nom de la police et à sa taille.

9. Lancez l'application à nouveau et admirez la nouvelle police.