Utilisation de polices personnalisées comme ressources dans une application Android

, Author

SHISHIR
SHISHIR

Follow

Aug 13, 2018 – 4 min lu

L’une des fonctionnalités vraiment intéressantes pour les développeurs android 8.0 (niveau 26 de l’API) introduit, les polices en XML, qui nous permet d’utiliser les polices comme ressources. Nous pouvons ajouter le fichier font dans le dossier res/font/ pour regrouper les polices comme ressources. Ces polices sont compilées dans le fichier R et sont automatiquement disponibles dans Android Studio.

Pour utiliser la fonctionnalité Fonts in XML sur les appareils fonctionnant sous Android 4.1 (API niveau 16) et plus, nous devons utiliser la bibliothèque de support 26. Pour ajouter des polices en tant que ressources, effectuez les étapes suivantes dans le Studio Android :

Résultat de l'image pour la bannière d'image de la police personnalisée android
Police personnalisée dans android
  • Cliquez avec le bouton droit de la souris sur le dossier res et allez sur Nouveau >répertoire de ressources Android. – La fenêtre Nouveau répertoire de ressources apparaît.
  • Dans la liste Type de ressource, sélectionnez font, puis cliquez sur OK.
  • Note : Le nom du répertoire de ressources doit être police.

Ajouter vos fichiers de police dans le dossier de police

  • Ajouter vos polices ttf ou otf dans le dossier de police. La structure du dossier ressemble à ce qui suit.

  • Vous pouvez double-cliquer sur un fichier de police pour prévisualiser les polices du fichier dans l’éditeur.

Créer une famille de polices

Pour créer une famille de polices, effectuez les étapes suivantes dans Android Studio:

  • Cliquez avec le bouton droit de la souris sur le dossier font et allez sur Nouveau >Fichier de ressources de polices. La fenêtre Nouveau fichier de ressource apparaît.
  • Saisissez le nom du fichier, puis cliquez sur OK. Le nouveau XML de ressource de police s’ouvre dans l’éditeur.
  • Clore chaque fichier de police, style et attribut de poids dans l’élément <font>. Le XML suivant illustre l’ajout d’attributs liés à la police dans le XML de ressource de police :

Utiliser cette police

Maintenant, vous pouvez utiliser cette police dans votre application des manières suivantes –

  • utiliser la police directement dans le fichier de mise en page
  • utiliser la police de façon programmatique
  • utiliser la police via le style et le thème de l’application (c’est la meilleure façon)

Utiliser la police directement dans le fichier de mise en page

  • Dans le fichier XML de mise en page, définissez l’attribut fontFamily au fichier de police auquel vous voulez accéder.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_fonts_family"/>

Utiliser la police de manière programmatique

  • Vous pouvez également définir la police de manière programmatique. Pour définir la police de manière programmatique, suivez les codes ci-dessous.
Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

Utiliser la police via le style et le thème de l’App

Ouvrir le styles.xml, et définir l’attribut fontFamily au fichier de police auquel vous voulez accéder.

# Using the font via app theme....(this is the best way)
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
....
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>
-----------------------------------------------------------
# Using the font via style. Now you can add this style wherever you want.
<style name="customfontstyle">
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>

Télécharger les polices Google pour votre app

étape 1 : sélectionnez une vue de texte dans votre app et cliquez sur l’attribut fontFamily sous Attributs dans la présentation graphique.

étape 2 : Sélectionnez le "More Fonts…" en bas, ce qui ouvrira le dialogue ci-dessous. Ensuite, vous verrez une nouvelle fenêtre s’ouvrir, là vous pouvez taper pour votre police requise et désirée à partir de cette liste c’est-à-dire, Regular, Bold, Italic etc… comme indiqué dans l’image ci-dessous.

étape 4 : Maintenant, il y a deux options:

Ajouter la police au projet : les polices seront téléchargées dans votre projet dans le dossier de police( le dossier de police sera généré automatiquement s’il n’a pas été créé avant). Maintenant, cette police sont prêts à utiliser. Vous pouvez utiliser cette police en faisant font-family comme avant.

Créer une police téléchargeable : C’est une autre fonctionnalité passionnante de l’application android. Maintenant, je ne suis pas en train d’écrire pour cela. Vous pouvez voir un bel article sur Créer une police téléchargeable.

Merci de lire cet article. N’oubliez pas de donner des claps si votre trouver cet article utile. Happy Coding 🙂

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.