Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change the icons direction for menu items in a NavigationView?

Hi I am using android NavigationView. I want to change the icons direction to RTL instead of LTR like this:

How can I do this?

Example image

like image 228
Daniel Mashraki Avatar asked Jun 28 '15 19:06

Daniel Mashraki


2 Answers

you can use listview inside the navigationview like what i did. the benefit of this is that you can have better control on this:

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/header"
    >
    <ListView
        android:id="@+id/navigationmenu"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="192dp"
        android:background="@android:color/white">
    </ListView>

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

and nav item should be like this:

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

    android:background="@color/cardview_dark_background"
    >
    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_height="wrap_content"
        android:src="@drawable/viewlist"
        />
    <TextView
        android:id="@+id/tvlstName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:layout_marginRight="30dp"
        android:textColor="@color/colorPrimary"

        />
</RelativeLayout>

and navcustomadapter like this:

package com.example.android.dezcook;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * Created by Android on 6/4/2016.
 */
public class navCustomAdapter extends BaseAdapter {

    String[] result;
    Context context;
    int[] imageId;
    private static LayoutInflater inflater=null;
    public navCustomAdapter(MainActivity mainActivity,String[] prgmNameList,int[] prgImages)
    {
        result=prgmNameList;
        imageId=prgImages;
        context =mainActivity;
        inflater =(LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE);

    }
    @Override
    public int getCount()
    {
        return result.length;
    }
    @Override
    public Object getItem(int position)
    {
        return position;
    }
    @Override
    public long getItemId(int position)
    {
        return position;
    }
    public class Holder
    {
        TextView tv;
        ImageView img;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent)
    {
        Holder holder=new Holder();
        View rowView;
        rowView=inflater.inflate(R.layout.navitem,null);
        holder.tv=(TextView)rowView.findViewById(R.id.tvlstName);
        holder.img=(ImageView)rowView.findViewById(R.id.img);
        holder.tv.setText(result[position]);
        holder.img.setImageResource(imageId[position]);
        rowView.setOnClickListener(new View.OnClickListener() {
                                       @Override
                                       public void onClick(View v) {
                                           Toast.makeText(context,"you Clicked "+result[position],Toast.LENGTH_LONG).show();
                                       }
                                   }


        );
        return rowView;
    }

}

finally call it in main activity like this:

 ListView lv=(ListView)findViewById(R.id.navigationmenu);
        lv.setAdapter(new navCustomAdapter(this,navItem,prgmImages)
like image 83
Hussein Ojaghi Avatar answered Nov 10 '22 00:11

Hussein Ojaghi


Just figure it out!

Try adding these attributes to NavigationView in your layout file.

 android:layoutDirection="rtl"
 android:textDirection="rtl"

Screenshot

enter image description here

Note: It seems its working on API 17 and higher

like image 24
Ali Sherafat Avatar answered Nov 10 '22 02:11

Ali Sherafat