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= 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= 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=Beispiel zeigt das Rendern Die fantastischen Symbole für Schriftarten im Menü der Navigationsleiste. Ein vollständiges Beispiel finden Sie hier.











































































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

How to call a method in Java

In this post, we will learn how to call a method in Java. This is …

Leave a Reply

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