Xamarin android. Open right navigation bar with button from custom toolbar

Question

In my xamarin android app I have a right navigation bar and a custom toolbar. The code for navigation bar is this

<android.support.design.widget.NavigationView
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:layout_gravity="right"
 android:id="@+id/right_nav_view"
 app:menu="@menu/menu_navigation_swipe" />

And the code for toolbar is this

<android.support.v7.widget.Toolbar
 android:id="@+id/toolbar"
 android:layout_width="match_parent"
 android:layout_height="45dp"
 android:minHeight="?attr/actionBarSize"
 android:background="@drawable/rectangle"
 android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
 app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
  <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/HomeButton"
        android:layout_gravity="center"
        android:src="@drawable/logo"
        android:clickable="true" />

  <ImageView
          android:padding="10dp"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/right_nav"
         android:layout_alignParentEnd="true"
         android:layout_alignParentRight="true"
         android:src="@drawable/icon_settings"
         android:clickable="true" />

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

I wanna open the navigation bar when the user press the ImageView with id = right_nav. How can i do this?

score 4 · Answer 1 · answered Apr 12 '18 at 07:20

Xamarin android. Open right navigation bar with button from custom toolbar

Place your NavigationView into a DrawerLayout, for example:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout     
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true">

  <!-- I place your Toolbar in this include_list_viewpager layout -->
  <include layout="@layout/include_list_viewpager"/>

  <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="right"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/drawer_view"/>

</android.support.v4.widget.DrawerLayout>

Then, as @Federico Navarrete has pointed out, define a click event for your ImageView:

DrawerLayout drawerLayout = FindViewById<DrawerLayout> (Resource.Id.drawer_layout);

ImageView right_nav = FindViewById<ImageView>(Resource.Id.right_nav);

right_nav.Click += (s, e) =>
{
     drawerLayout.OpenDrawer(Android.Support.V4.View.GravityCompat.End);
};

Thank you for your answer. Is it possible to have left and right NavigationView and two different buttons to open them? — Konstantinos Evangelidis, Apr 12 '18 at 13:45
@KonstantinosEvangelidis, yes, and you could refer to this example: [NavigationViewOnBothsSides](https://github.com/wcoder/BothsSides). — York Shen, Apr 13 '18 at 02:25
@KonstantinosEvangelidis, if this could help you, can you please mark it as an answer? It is important to us. Thank you! — York Shen, Apr 17 '18 at 12:22

score 0 · Answer 2 · answered Apr 11 '18 at 11:52

Try This

ImageView right_nav = (ImageView)findViewById(R.id.right_nav);
        right_nav.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                drawer.openDrawer(Gravity.RIGHT);
            }
        });

score 0 · Answer 3 · answered Apr 11 '18 at 12:11

0

You can use this code to open it from the right side:

//You get your navigation drawer
var drawer = FindViewById<DrawerLayout>(Resource.Id.right_nav_view);
//You get the image view
var right_nav = FindViewById<ImageView>(Resource.Id.right_nav);

//You define the click event
right_nav.Click += (s, e) =>
{
    //You open the navigation Drawer from the right
    drawer.OpenDrawer(GravityCompat.Right);
}

answered Apr 11 '18 at 12:11

Federico Navarrete

3,069
5
41
76

Thank you for your answer. The problem is that I NavigationView and not DrawerLayout. NavigationView has no .OpenDrawer method to activate it. – Konstantinos Evangelidis Apr 11 '18 at 15:24

Xamarin android. Open right navigation bar with button from custom toolbar

3 Answers3

Linked