Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make bottom navigation show menu items with icon and text except center item menu show only icon? [closed]

I want to create bottom navigation bar show menu items icon and text except center item. eg. i have attached image enter image description here

like image 264
Nand Kishor Patidar Avatar asked Jun 03 '17 09:06

Nand Kishor Patidar


People also ask

How do I change the bottom navigation bar?

To create a Menu Resource File , click on the app -> res -> menu(right-click) -> New -> Menu Resource File and name it bottom_nav_menu. Now the user can create as many items as he wants in the bottom_nav_menu. xml file. The user also needs to create an icon for each of these items.

How do I add a fragment to the bottom navigation?

HomeFragment fragment=new HomeFragment(); FragmentTransaction fragmentTransaction=getSupportFragmentManager(). beginTransaction(); fragmentTransaction. replace(R. id.


1 Answers

enter image description here

Try below code:

XML file:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="@color/gray"
        android:foregroundGravity="top"
        android:gravity="top">

    </android.support.v7.widget.Toolbar>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">


        <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </FrameLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/bottomnav"
            android:layout_width="0dp"
            android:layout_height="56dp"
            android:layout_weight="1"
            android:background="null"
            app:itemIconTint="@color/green"
            app:itemTextColor="@color/green"
            app:menu="@menu/main">


        </android.support.design.widget.BottomNavigationView>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="56dp"
            android:layout_weight="0.5"
            android:src="@drawable/camera" />

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/bottomnav1"
            android:layout_width="0dp"
            android:layout_height="56dp"
            android:layout_weight="1"
            android:background="null"
            app:itemIconTint="@color/green"
            app:itemTextColor="@color/green"
            app:menu="@menu/main">


        </android.support.design.widget.BottomNavigationView>
    </LinearLayout>
</LinearLayout>

Helper class:

public class BottomNavigationViewHelper {
    public static void disableShiftMode(BottomNavigationView view) {
        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
        try {
            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(menuView, false);
            shiftingMode.setAccessible(false);
            for (int i = 0; i < menuView.getChildCount(); i++) {
                BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                //noinspection RestrictedApi
                item.setShiftingMode(false);
                // set once again checked value, so view will be updated
                //noinspection RestrictedApi
                item.setChecked(item.getItemData().isChecked());
            }
        } catch (NoSuchFieldException e) {
            Log.e("BNVHelper", "Unable to get shift mode field", e);
        } catch (IllegalAccessException e) {
            Log.e("BNVHelper", "Unable to change value of shift mode", e);
        }
    }
}

In activity :

BottomNavigationView bnav = (BottomNavigationView) findViewById(R.id.bottomnav);
BottomNavigationViewHelper.disableShiftMode(bnav);

Menu file :

<item
    android:id="@+id/place"
    android:icon="@drawable/ic_place_black_24dp"
    android:title="Place"/>

<item
    android:id="@+id/home"
    android:icon="@drawable/ic_account_balance_black_24dp"
    android:title="Home"/>

like image 190
Vidhi Dave Avatar answered Oct 14 '22 06:10

Vidhi Dave