1

I want to add two icons(Facebook and twitter icons) in a single row in android naviagtion panel... can anybody know how to deal with that xml menu file? here is the code of menu.xml file...

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:title="HOME" />
        <item
            android:id="@+id/nav_products"
            android:title="PRODUCTS" />
        <item
            android:id="@+id/nav_notes"
            android:title="NOTES" />
        <item
            android:id="@+id/nav_aboutus"
            android:title="ABOUT US" />
        <item
            android:id="@+id/nav_enq"
            android:title="ENQUIRY" />
        <item
            android:id="@+id/nav_news"
            android:title="NEWS" />
        <item
            android:id="@+id/nav_cal"
            android:title="CALCULATOR"
            />
</group>
</menu>

i want to add two buttons of social media sites after calculator button!!

Ramsha Omer
  • 1,022
  • 1
  • 8
  • 28

4 Answers4

1
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item android:id="@+id/facebook"
        android:icon="@drawable/fb"
        app:showAsAction="always"
        android:title="Facebook"
      />

   <item android:id="@+id/twitter"
        android:icon="@drawable/twitter"
        app:showAsAction="always"
        android:title="Twitter"
      />


</menu>

use this code..This worked.

Mayank Pandya
  • 265
  • 3
  • 14
1

You have one option to use is app:actionLayout to insert the layout.

<item
    android:id="@+id/nav_home"
    android:icon="@drawable/ic_nav_home"
    android:title="Home"
    app:actionLayout="@layout/homeLayout" />

Create homeLayout.xml and simply add the icons.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_facebook"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:src="@drawable/ic_facebook" />

    <ImageView
        android:id="@+id/iv_twitter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:src="@drawable/ic_twitter" />
</RelativeLayout>

Hope it helps you!

Dhruv
  • 1,862
  • 3
  • 20
  • 38
0

You can try customizing the NavDrawer Layout such that it holds a listview or a recyclerview inside, then you can modify the rows in there.

A good tutorial for the same can be found here

Community
  • 1
  • 1
MadScientist
  • 2,134
  • 14
  • 27
-1

Please use Fontawesome library i think that would solve the issue

https://code.tutsplus.com/tutorials/how-to-use-fontawesome-in-an-android-app--cms-24167