How to right align text of MenuItem in Toolbar

Question

My MenuItem:

How to right align text of MenuItem in Toolbar, Icon in first next text, like this:

code of menu_setting.xml for MenuItem:

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

    <item
        android:title="Main Menu"
        app:showAsAction="always"
        android:icon="@drawable/ic_more_vert">

        <menu>

            <item
                android:id="@+id/about_app"
                android:orderInCategory="100"
                android:title="About app"
                android:icon="@drawable/ic_info"
                app:showAsAction="never" />

            <item
                android:id="@+id/contact_us"
                android:orderInCategory="100"
                android:title="Contact us"
                android:icon="@drawable/ic_email"
                app:showAsAction="never" />

        </menu>

    </item>

</menu>

Thanks in advance :)

Possible duplicate of [Align Center Menu Item text in android](https://stackoverflow.com/questions/19344297/align-center-menu-item-text-in-android) — AskNilesh, Mar 22 '18 at 05:01
https://stackoverflow.com/questions/14759897/how-to-align-menu-item-text-in-actionbar-overflow-menu — AskNilesh, Mar 22 '18 at 05:01
Try this https://stackoverflow.com/questions/32969172/how-to-display-menu-item-with-icon-and-text-in-appcompatactivity — Ankita, Mar 22 '18 at 05:04

score 1 · Answer 1 · answered Mar 22 '18 at 05:13

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".activities.MainActivity">
    <item
        android:id="@+id/action_notification1"
        android:icon="@android:drawable/btn_dropdown"
        android:title="action_notification"
        app:showAsAction="always">
        <menu>
            <item
                android:id="@+id/profile"
                android:icon="@android:drawable/ic_menu_edit"
                android:orderInCategory="100"
                android:title="PROFILE" />

            <item
                android:id="@+id/c"
                android:icon="@android:drawable/ic_menu_edit"
                android:orderInCategory="100"
                android:title="COMPLETED TRIPS" />
        </menu>
    </item>
</menu>

score 1 · Answer 2 · answered Mar 22 '18 at 05:21

You can use girdle for align text of MenuItem in Toolbar:

dependencies {
compile 'com.lucasurbas:guidelinescompattoolbar:1.0.0'
}

This is how it should look like:

Change your style.xml code like this:

<style name=”Theme.GuidelinesCompat.Light.DarkToolbar” 
parent=”Theme.AppCompat.Light.DarkActionBar”>
 ...
 <!— Toolbar styles -->

 <item name=”toolbarStyle”>@style/Custom.Widget.Toolbar</item>
 <item name=”toolbarNavigationButtonStyle”>
 @style/Custom.Widget.Toolbar.Button.Navigation</item>
 </style>
 <style name=”Custom.Widget.Toolbar” parent=”Widget.AppCompat.Toolbar”>
 <item name=”maxButtonHeight”>48dp</item>
 <item name=”android:paddingLeft”>
 @dimen/toolbar_horizontal_padding</item>
 <item name=”android:paddingRight”>
 @dimen/toolbar_horizontal_padding</item>
 <item name=”contentInsetStart”>
 @dimen/first_keyline</item>
 </style>
<style name=”Custom.Widget.Toolbar.Button.Navigation” 
parent=”Widget.AppCompat.Toolbar.Button.Navigation”>
 <item name=”android:minWidth”>48dp</item>
</style>

Here are necessary resources:

 <resources>
 <dimen name=”first_keyline”>24dp</dimen>
 <dimen name=”second_keyline”>80dp</dimen>
 <dimen name=”toolbar_horizontal_padding”>12dp</dimen>
 </resources>

layout/layout.xml

 <android.support.v7.widget.Toolbar
 android:id=”@+id/toolbar”
 android:layout_width=”match_parent”
 android:layout_height=”wrap_content”
 android:minHeight=”?attr/actionBarSize”
 android:elevation=”6dp”
 android:background=”@color/colorPrimary”
 app:navigationIcon=”@drawable/ic_menu_white_24dp”
 app:contentInsetStart=”@dimen/second_keyline”
 app:theme=”@style/Theme.GuidelinesCompat.DarkToolbar”
 app:popupTheme=”@style/Toolbar.Popup.AppCompat” />

Try this it helps you.

score 0 · Answer 3 · answered Mar 22 '18 at 05:05

0

You have to try like this

    <menu xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:id="@+id/about"
          android:title="About"
          android:gravity="right" />
        <item android:id="@+id/help"
          android:title="Help"
          android:gravity="right" />
   </menu>

answered Mar 22 '18 at 05:05

Raja

2,775
2
19
31

That doesn't actually work, but it would be the fairly obvious choice if it did. – Abandoned Cart Nov 12 '21 at 12:09

How to right align text of MenuItem in Toolbar

3 Answers3