Comment utiliser les icônes et les symboles de "Font Awesome" dans une application Android native ?

Question

J'essaie d'utiliser Font Awesome sur mon application, j'ai pu intégrer la police à l'aide de Typeface.createFromAsset() mais je veux aussi utiliser les icônes fournies par cette police, mais jusqu'à présent je n'ai pas réussi à le faire.

Cette police particulière contient des icônes à l'intérieur de la zone d'utilisation privée (PUA) d'Unicode, pour des choses comme les contrôles du lecteur multimédia, l'accès au système de fichiers, les flèches, etc.

Quelqu'un a-t-il utilisé des polices contenant des icônes et des symboles sur Android ? Est-ce possible ?

Answer 1

Font Awesome semble bien fonctionner pour moi dans mon application Android. J'ai fait ce qui suit :

1. Copié fontawesome-webfont.ttf dans mon dossier d'actifs

2. J'ai trouvé les entités de caractère pour les icônes que je voulais, en utilisant cette page : http://fortawesome.github.io/Font-Awesome/cheatsheet/

3. Création d'une entrée dans strings.xml pour chaque icône. Par exemple, pour un cœur :

   <string name="icon_heart">&#xf004;</string>

4. J'ai référencé cette entrée dans la vue de ma mise en page xml :

    <Button
        android:id="@+id/like"
        style="?android:attr/buttonStyleSmall"
        ...
        android:text="@string/icon_heart" />

5. J'ai chargé la police dans ma méthode onCreate et je l'ai définie pour les vues appropriées :

   Typeface font = Typeface.createFromAsset( getAssets(), "fontawesome-webfont.ttf" );
   ...
   Button button = (Button)findViewById( R.id.like );
   button.setTypeface(font);

Answer 2

Essayez IcoMoon : http://icomoon.io

• Choisissez les icônes que vous voulez
• Attribuez des caractères à chaque icône
• Télécharger la police

Disons que vous avez choisi l'icône de lecture, que vous lui avez attribué la lettre 'P' et que vous avez téléchargé le fichier. icomoon.ttf dans votre dossier d'actifs. C'est ainsi que vous affichez l'icône :

xml :

<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textSize="48sp"
  android:text="P" />

java :

Typeface typeface = Typeface.createFromAsset(getAssets(), "icomoon.ttf");
textView.setTypeface(typeface);

J'ai donné une conférence sur la création de belles applications Android, qui comprend des explications sur l'utilisation des polices d'icônes, ainsi que l'ajout de dégradés pour rendre les icônes encore plus jolies : http://www.sqisland.com/talks/beautiful-Android

L'explication de la police d'icônes commence à la diapositive 34 : http://www.sqisland.com/talks/beautiful-Android/#34

Answer 3

Peut-être trop tard, mais j'ai eu le même besoin et j'ai donc publié ceci https://github.com/liltof/font-awsome-for-Android Il s'agit d'une version xml de Font awesome utilisable sous Android, comme l'a dit Keith Corwin.

J'espère que cela aidera d'autres personnes.

Answer 4

Il y a un petit et utile bibliothèque conçue à cet effet :

dependencies {
    compile 'com.shamanland:fonticon:0.1.9'
}

Obtenez une démo sur Google Play .

Vous pouvez facilement ajouter une icône basée sur une police dans votre mise en page :

<com.shamanland.fonticon.FontIconView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/ic_android"
    android:textSize="@dimen/icon_size"
    android:textColor="@color/icon_color"
    />

Vous pouvez gonfler font-icon comme Drawable à partir de xml :

<?xml version="1.0" encoding="utf-8"?>
<font-icon
    xmlns:android="http://schemas.android.com/apk/res-auto"
    android:text="@string/ic_android"
    android:textSize="@dimen/big_icon_size"
    android:textColor="@color/green_170"
    />

Code Java :

Drawable icon = FontIconDrawable.inflate(getResources(), R.xml.ic_android);

Liens :

• Page du projet
• Repo Github

Answer 5

Consultez ce répertoire pour mettre en œuvre la fonctionnalité "Font awesome" dans Android.

https://github.com/bperin/FontAwesomeAndroid