Home / Android-Entwicklung / So verwenden Sie Font Awesome Icons in Android

So verwenden Sie Font Awesome Icons in Android

Font Awesome ist ein sehr beliebtes Symbol-Toolkit, das auf vielen Websites verwendet wird. Es hat sowohl freie als auch pro Sammlung von Symbolen, aber Sie können die meisten Symbole in der freien Sammlung selbst finden. Jedes Symbol wird durch Unicode (& # xf17b;) dargestellt. Wir verwenden diesen Unicode, um das Symbol in TextView anzuzeigen. Da es sich um eine normale Textansicht handelt, können alle Textstilattribute (Farbe, Größe, Abstände usw.) angewendet werden.

Wenn Sie beispielsweise das android Robot -Logo anzeigen möchten, können Sie & # xf17b; Unicode als TextView-Wert.

 android-using-font-awesome-icon-collection "width =" 720 "height =" 359 "class =" aligncenter size-full wp-image- 42479 "srcset =" https://www.androidhive.info/wp-content/uploads/2019/03/android-using-font-awesome-icon-collection.png 720w, https://www.androidhive.info/ wp-content / uploads / 2019/03 / android-using-font-awesome-icon-collection-300x150.png 300w "sizes =" (maximale Breite: 720px) 100vw, 720px "/> <noscript><img src=Ansichten erfordert einige Anstrengungen. Daher habe ich eine Bibliothek geschrieben, in der alle erforderlichen Methoden zum Rendern der Symbole in mehreren Widgets enthalten sind.

Fügen Sie zunächst die tolle in Ihre build.gradle ein und synchronisieren Sie Ihre Projekt.






 Abhängigkeiten {
    // Schrift genial
    Implementierung 'info.androidhive: fontawesome: 0.0.5'
}

2. So verwenden Sie es:

2.1 Anzeigen von Symbolen in TextView

Verwenden Sie am einfachsten den Text FontTextView indem Sie den entsprechenden Symbolnamen als Textwert festlegen. Dieses Widget erstreckt sich von AppCompatTextView sodass alle Attribute der Textansicht auf dieses Widget angewendet werden.








  • solid_icon : Um das durchgehende Symbol anzuzeigen, legen Sie diesen Wert als true fest.
  • ] brand_icon : Um das Markensymbol anzuzeigen, setzen Sie diesen Wert auf true .
 font-awesome-android-icons "width =" 720 "height =" 647 "class =" aligncenter size- full wp-image-42465 "srcset =" https://www.androidhive.info/wp-content/uploads/2019/03/font-awesome-android-icons.png 720w, https://www.androidhive.info /wp-content/uploads/2019/03/font-awesome-android-icons-300x270.png 300w "sizes =" (maximale Breite: 720px) 100vw, 720px "/> <noscript><img src=Action Button" verwenden möchten, können Sie "FontDrawable" wie unten gezeigt verwenden.










 FloatingActionButton fab = findViewById (R.id. fab);

// Verwenden des Papierebenensymbols für FAB
FontDrawable drawable = new FontDrawable (this, R.string.fa_paper_plane_solid, true, false);

// weiße Farbe zum Symbol
drawable.setTextColor (ContextCompat.getColor (this, android.R.color.white));
fab.setImageDrawable (drawable);
 "width =" 720 "height =" 132 "class =" aligncenter size-full wp-image-42464 "srcset =" https://www.androidhive.info/wp -content / uploads / 2019/03 / font-awesome-floating-action-button.png 720w, https://www.androidhive.info/wp-content/uploads/2019/03/font-awesome-floating-action- button-300x55.png 300w "sizes =" (max-width: 720px) 100vw, 720px "/> <noscript><img src= Die öffentliche Klasse MainActivity erweitert AppCompatActivity         implementiert NavigationView.OnNavigationItemSelectedListener {     @Override     protected void onCreate (Bundle savedInstanceState) {         super.onCreate (savedInstanceState);         setContentView (R.layout.activity_main);         intDrawerLayout ();     }     / **      * Ändern der Navigationssymbole      * Dies beinhaltet das Durchlaufen von Menüelementen und das Anwenden von Symbolen      * /     private void intDrawerLayout () {         NavigationView navigationView = findViewById (R.id.nav_view);         navigationView.setNavigationItemSelectedListener (this);         ImageView iconHeader = navigationView.getHeaderView (0) .findViewById (R.id.nav_header_icon);         FontDrawable drawable = new FontDrawable (this, R.string.fa_font_awesome, false, true);         drawable.setTextColor (ContextCompat.getColor (this, android.R.color.white));         drawable.setTextSize (50);         iconHeader.setImageDrawable (drawable);         int [] icons = {                 R.string.fa_home_solid, R.string.fa_calendar_alt_solid, R.string.fa_user_solid,                 R.string.fa_heart_solid, R.string.fa_comment_solid, R.string.fa_dollar_solid, R.string.fa_gift_solid         };         renderMenuIcons (navigationView.getMenu (), icons, true, false);         int [] iconsSubmenu = {R.string.fa_cog_solid, R.string.fa_sign_out_alt_solid};         renderMenuIcons (navigationView.getMenu (). getItem (7) .getSubMenu (), iconsSubmenu, true, false);     }     / **      * Beim Durchlaufen von Menüsymbolen können Zeichensätze angewendet werden      * /     private void renderMenuIcons (Menü menu, int [] icons, boolean isSolid, boolean isBrand) {         für (int i = 0; i <menu.size (); i ++) {             MenuItem menuItem = menu.getItem (i);             if (! menuItem.hasSubMenu ()) {                 FontDrawable drawable = new FontDrawable (this, icons [i] isSolid, isBrand);                 drawable.setTextColor (ContextCompat.getColor (this, R.color.icon_nav_drawer));                 drawable.setTextSize (22);                 menu.getItem (i) .setIcon (drawable);             }         }     } }
 android-font-awesome-navigation-drawer "width =" 720 "height =" 900 "class =" aligncenter size-full wp-image-42466 "srcset =" https://www.androidhive.info/wp -content / uploads / 2019/03 / android-font-awesome-navigation-drawer.png 720w, https://www.androidhive.info/wp-content/uploads/2019/03/android-font-awesome-navigation- drawer-240x300.png 240w "sizes =" (max-width: 720px) 100vw, 720px "/> <noscript><img src=
Hallo! Ich bin Gründer bei androidhive und Programmierer. Meine Fähigkeiten umfassen Android, iOS, PHP, Ruby on Rails und vieles mehr. Wenn Sie eine Idee haben, die ich entwickeln soll? Reden wir: ravi@androidhive.info



About AndroidWeltEditor

Check Also

An introduction to Android GPU Inspector

If you want your game or app to stand out in the Google Play Store, …

Leave a Reply

Your email address will not be published. Required fields are marked *