How can I use icons in navigation view's menu using icon font in android

Question

I am trying to migrate my android application which is using the png assets to icon fonts. I could successfully use it in navigation drawer using a list view. But I couldn't use it in navigation view by specifying it in the xml file of the menu.

This is what I got when I tried with Navigation Drawer

I don't know how will I use icon fonts in navigation view to get those marked icons.

<group android:checkableBehavior="single">
    <item
        android:id="@+id/nav_apple"
        android:icon="@drawable/ic_menu_apple"
        android:title="Apple" />
    <item
        android:id="@+id/nav_chrome"
        android:icon="@drawable/ic_menu_chrome"
        android:title="Orange" />
    <item
        android:id="@+id/nav_left"
        android:icon="@drawable/ic_menu_left"
        android:title="Grapes" />
  </group>

How can I set those icons using icon font in this menu?

Hope this link will help you http://code.tutsplus.com/tutorials/how-to-use-fontawesome-in-an-android-app--cms-24167 — Rahul, Feb 18 '16 at 09:26
@Rahul It says how to use font icons in android. The thing is that I need to use them in navigation view menu. The menu item needs a `textview` in order do so. — Neeraj, Feb 18 '16 at 09:39

score 1 · Answer 1 · answered Feb 18 '16 at 10:37

1

You need to set textView.setTypeface where textView is item in your Navigation drawer. Also you need to have custom font with icons, put in to assets and then use it in code:

Typeface t = Typeface.createFromAsset(c.getAssets(), assetPath); textView.setTypeface(t);

answered Feb 18 '16 at 10:37

Volodymyr

6,393
4
53
84

I'm trying to use my icon font in my navigation view's menu file, not in navigation drawer. – Neeraj Feb 18 '16 at 10:59

score 0 · Answer 2 · answered Feb 18 '16 at 10:28

0

Im not sure but You can use Textview instance of item and set typeface in java to it.

answered Feb 18 '16 at 10:28

Mahdi Astanei

1,905
1
17
30

But the menu layout of navigation view doesn't have a text view. All it has got is the title and the icon (which i suppose is a imageview). – Neeraj Feb 18 '16 at 11:03

score 0 · Answer 3 · answered Feb 18 '16 at 10:48

<android.support.design.widget.NavigationView
android:id="@+id/navigation"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
android:background="@drawable/bg_all"

app:itemIconTint="@android:color/white"
app:itemTextColor="@android:color/white"
app:theme="@style/list_item_appearance"
app:menu="@menu/drawer_menu" >

How can I use icons in navigation view's menu using icon font in android

3 Answers3