如何在工具欄中右鍵對齊MenuItem的文本

Question

我的MenuItem：

如何在第一個下一個文本中右鍵對齊工具欄中的MenuItem文本，如下所示：

MenuItem的menu_setting.xml代碼：

    <?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>

提前致謝 ：）

Answer 1

你必須這樣試試

    <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>

Answer 2

<?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>

Answer 3

您可以使用腰帶在工具欄中對齊MenuItem的文本：

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

它應該是這樣的：

像這樣更改style.xml代碼：

<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>

這是必要的資源：

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

布局/ 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” />

試試這個可以幫到你。