blocks|key|37621|text|在您的菜单xml中，使用以下语法嵌套菜单，您将开始获得带有图标的菜单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|37622|​|37623|<item
++++android:id="@%2Bid/empty"
++++android:icon="@drawable/ic_action_overflow"
++++android:orderInCategory="101"
++++android:showAsAction="always">
++++<menu>
++++++++<item
++++++++++++android:id="@%2Bid/action_show_ir_list"
++++++++++++android:icon="@drawable/ic_menu_friendslist"
++++++++++++android:showAsAction="always%7CwithText"
++++++++++++android:title="List"/>
++++</menu>
</item>|code-block|syntax|javascript|37624|37625|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

In your menu xml, use the following syntax to nest menu, you will start getting the menu with icons



<pre><code>&lt;item
 android:id="@+id/empty"
 android:icon="@drawable/ic_action_overflow"
 android:orderInCategory="101"
 android:showAsAction="always"&gt;
 &lt;menu&gt;
 &lt;item
 android:id="@+id/action_show_ir_list"
 android:icon="@drawable/ic_menu_friendslist"
 android:showAsAction="always|withText"
 android:title="List"/&gt;
 &lt;/menu&gt;
&lt;/item&gt;
</code></pre>

blocks|key|37641|text|一般来说，之前发布的答案是可以的。但它基本上删除了溢出菜单的默认行为。比如有多少个图标可以显示在不同的屏幕尺寸上，然后当它们不能显示时，它们会跳到溢出菜单中。通过执行上述操作，您删除了许多重要的功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|37642|一种更好的方法是告诉overflow菜单直接显示图标。您可以通过将以下代码添加到您的活动中来完成此操作。|37643|@Override
public+boolean+onMenuOpened(int+featureId,+Menu+menu)
{
++++if(featureId+==+Window.FEATURE_ACTION_BAR+&&+menu+!=+null){
++++++++if(menu.getClass().getSimpleName().equals("MenuBuilder")){
++++++++++++try{
++++++++++++++++Method+m+=+menu.getClass().getDeclaredMethod(
++++++++++++++++++++"setOptionalIconsVisible",+Boolean.TYPE);
++++++++++++++++m.setAccessible(true);
++++++++++++++++m.invoke(menu,+true);
++++++++++++}
++++++++++++catch(NoSuchMethodException+e){
++++++++++++++++Log.e(TAG,+"onMenuOpened",+e);
++++++++++++}
++++++++++++catch(Exception+e){
++++++++++++++++throw+new+RuntimeException(e);
++++++++++++}
++++++++}
++++}
++++return+super.onMenuOpened(featureId,+menu);
}|code-block|syntax|javascript|37644|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The previously posted answer is OK, generally speaking. But it basically removes the default behaviour of the Overflow menu. Things like how many icons can be displayed on different screen-sizes and then they dropped off into the overflow menu when they can't be displayed. By doing the above you remove a lot of important functionality.

A better method would be to tell the overflow menu to display the icons directly. You can do this by adding the following code to your Activity.

<pre><code>@Override
public boolean onMenuOpened(int featureId, Menu menu)
{
 if(featureId == Window.FEATURE_ACTION_BAR &amp;&amp; menu != null){
 if(menu.getClass().getSimpleName().equals("MenuBuilder")){
 try{
 Method m = menu.getClass().getDeclaredMethod(
 "setOptionalIconsVisible", Boolean.TYPE);
 m.setAccessible(true);
 m.invoke(menu, true);
 }
 catch(NoSuchMethodException e){
 Log.e(TAG, "onMenuOpened", e);
 }
 catch(Exception e){
 throw new RuntimeException(e);
 }
 }
 }
 return super.onMenuOpened(featureId, menu);
}
</code></pre>

blocks|key|37665|text|目前最好的，但不被接受的solution可能可以在较旧的平台上工作。无论如何，在新的AppCompat21%2B中，所需的方法不存在，方法getDeclaredMethod返回异常NoSuchMethodException。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|37666|因此，我的解决方法(在4.x、5.x设备上测试和工作)是基于直接更改背景参数的。因此，只需将此代码放入您的Activity类即可。|37667|@Override
public+boolean+onMenuOpened(int+featureId,+Menu+menu)+{
++++//+enable+visible+icons+in+action+bar
++++if+(featureId+==+Window.FEATURE_ACTION_BAR+&&+menu+!=+null)+{
++++++++if+(menu.getClass().getSimpleName().equals("MenuBuilder"))+{
++++++++++++try+{
++++++++++++++++Field+field+=+menu.getClass().
++++++++++++++++++++++++getDeclaredField("mOptionalIconsVisible");
++++++++++++++++field.setAccessible(true);
++++++++++++++++field.setBoolean(menu,+true);
++++++++++++}+catch+(IllegalAccessException+%7C+NoSuchFieldException+e)+{
++++++++++++++++Logger.w(TAG,+"onMenuOpened("+%2B+featureId+%2B+",+"+%2B+menu+%2B+")",+e);
++++++++++++}
++++++++}
++++}
++++return+super.onMenuOpened(featureId,+menu);
}|code-block|syntax|javascript|37668|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/22288914/836138^0|1V|H|2G|L|C|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Current best, but not accepted <a href="https://stackoverflow.com/a/22288914/836138">solution</a> probably works on older platforms. Anyway in new AppCompat21+, required method not exists and method <code>getDeclaredMethod</code> returns exception <code>NoSuchMethodException</code>.

So workaround for me (tested and working on 4.x, 5.x devices) is based on direct change background parameter. So just place this code into your Activity class.

<pre><code>@Override
public boolean onMenuOpened(int featureId, Menu menu) {
 // enable visible icons in action bar
 if (featureId == Window.FEATURE_ACTION_BAR &amp;&amp; menu != null) {
 if (menu.getClass().getSimpleName().equals("MenuBuilder")) {
 try {
 Field field = menu.getClass().
 getDeclaredField("mOptionalIconsVisible");
 field.setAccessible(true);
 field.setBoolean(menu, true);
 } catch (IllegalAccessException | NoSuchFieldException e) {
 Logger.w(TAG, "onMenuOpened(" + featureId + ", " + menu + ")", e);
 }
 }
 }
 return super.onMenuOpened(featureId, menu);
}
</code></pre>

blocks|key|37712|text|西蒙的回答对我非常有用，所以我想分享一下我是如何按照建议在onCreateOptionsMenu-method中实现它的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|37713|@Override
public+boolean+onCreateOptionsMenu(Menu+menu)+{
++++//+Inflate+the+menu+items+for+use+in+the+action+bar
++++MenuInflater+inflater+=+getMenuInflater();
++++inflater.inflate(R.menu.main_action_bar,+menu);

++++//+To+show+icons+in+the+actionbar's+overflow+menu:
++++//+http://stackoverflow.com/questions/18374183/how-to-show-icons-in-overflow-menu-in-actionbar
++++//if(featureId+==+Window.FEATURE_ACTION_BAR+&&+menu+!=+null){
++++++++if(menu.getClass().getSimpleName().equals("MenuBuilder")){
++++++++++++try{
++++++++++++++++Method+m+=+menu.getClass().getDeclaredMethod(
++++++++++++++++++++++++"setOptionalIconsVisible",+Boolean.TYPE);
++++++++++++++++m.setAccessible(true);
++++++++++++++++m.invoke(menu,+true);
++++++++++++}
++++++++++++catch(NoSuchMethodException+e){
++++++++++++++++Log.e(TAG,+"onMenuOpened",+e);
++++++++++++}
++++++++++++catch(Exception+e){
++++++++++++++++throw+new+RuntimeException(e);
++++++++++++}
++++++++}
++++//}

++++return+super.onCreateOptionsMenu(menu);
}|code-block|syntax|javascript|37714|entityMap^0|T|J|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

The answer from Simon was very useful to me, so I want to share how I implemented it into the <code>onCreateOptionsMenu</code>-method as suggested:

<pre><code>@Override
public boolean onCreateOptionsMenu(Menu menu) {
 // Inflate the menu items for use in the action bar
 MenuInflater inflater = getMenuInflater();
 inflater.inflate(R.menu.main_action_bar, menu);

 // To show icons in the actionbar's overflow menu:
 // http://stackoverflow.com/questions/18374183/how-to-show-icons-in-overflow-menu-in-actionbar
 //if(featureId == Window.FEATURE_ACTION_BAR &amp;&amp; menu != null){
 if(menu.getClass().getSimpleName().equals("MenuBuilder")){
 try{
 Method m = menu.getClass().getDeclaredMethod(
 "setOptionalIconsVisible", Boolean.TYPE);
 m.setAccessible(true);
 m.invoke(menu, true);
 }
 catch(NoSuchMethodException e){
 Log.e(TAG, "onMenuOpened", e);
 }
 catch(Exception e){
 throw new RuntimeException(e);
 }
 }
 //}

 return super.onCreateOptionsMenu(menu);
}
</code></pre>

blocks|key|254358|text|您可以使用SpannableString|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254359|public+boolean+onCreateOptionsMenu(Menu+menu)+{
++++getMenuInflater().inflate(R.menu.menu_tab,+menu);

++++MenuItem+item+=+menu.findItem(R.id.action_login);
++++SpannableStringBuilder+builder+=+new+SpannableStringBuilder("*+Login");
++++//+replace+"*"+with+icon
++++builder.setSpan(new+ImageSpan(this,+R.drawable.login_icon),+0,+1,+Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
++++item.setTitle(builder);
}|code-block|syntax|javascript|254360|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can make use of SpannableString

<pre><code>public boolean onCreateOptionsMenu(Menu menu) {
 getMenuInflater().inflate(R.menu.menu_tab, menu);

 MenuItem item = menu.findItem(R.id.action_login);
 SpannableStringBuilder builder = new SpannableStringBuilder("* Login");
 // replace "*" with icon
 builder.setSpan(new ImageSpan(this, R.drawable.login_icon), 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
 item.setTitle(builder);
}
</code></pre>

blocks|key|254418|text|我对西蒙与ActionMode配合使用的优秀解决方案的简单修改：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254419|+@Override
++++public+boolean+onPrepareActionMode(ActionMode+mode,+Menu+menu)+{
++++++++if(menu+!=+null){
++++++++++++if(menu.getClass().getSimpleName().equals("MenuBuilder")){
++++++++++++++++try{
++++++++++++++++++++Method+m+=+menu.getClass().getDeclaredMethod(
++++++++++++++++++++++++++++"setOptionalIconsVisible",+Boolean.TYPE);
++++++++++++++++++++m.setAccessible(true);
++++++++++++++++++++m.invoke(menu,+true);
++++++++++++++++}
++++++++++++++++catch(NoSuchMethodException+e){
++++++++++++++++++++Log.e(TAG,+"onPrepareActionMode",+e);
++++++++++++++++}
++++++++++++++++catch(Exception+e){
++++++++++++++++++++throw+new+RuntimeException(e);
++++++++++++++++}
++++++++++++}
++++++++}
++++++++return+true;
++++}|code-block|syntax|javascript|254420|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My simple mod to Simon's excellent solution to use with ActionMode:

<pre><code> @Override
 public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
 if(menu != null){
 if(menu.getClass().getSimpleName().equals("MenuBuilder")){
 try{
 Method m = menu.getClass().getDeclaredMethod(
 "setOptionalIconsVisible", Boolean.TYPE);
 m.setAccessible(true);
 m.invoke(menu, true);
 }
 catch(NoSuchMethodException e){
 Log.e(TAG, "onPrepareActionMode", e);
 }
 catch(Exception e){
 throw new RuntimeException(e);
 }
 }
 }
 return true;
 }
</code></pre>

blocks|key|254469|text|在样式中添加以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254470|<menu+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item
++++++++android:id="@%2Bid/action_settings"
++++++++app:showAsAction="always"
++++++++android:icon="@drawable/ic_more_vert_white"
++++++++android:orderInCategory="100"
++++++++android:title="">
++++++++<menu>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/Login"
++++++++++++++++android:icon="@drawable/ic_menu_user_icon"
++++++++++++++++android:showAsAction="collapseActionView%7CwithText"
++++++++++++++++android:title="@string/str_Login"+/>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/str_WishList"
++++++++++++++++android:icon="@drawable/ic_menu_wish_list_icon"
++++++++++++++++android:showAsAction="collapseActionView"
++++++++++++++++android:title="@string/str_WishList"+/>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/TrackOrder"
++++++++++++++++android:icon="@drawable/ic_menu_my_order_icon"
++++++++++++++++android:showAsAction="collapseActionView"
++++++++++++++++android:title="@string/str_TrackOrder"+/>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/Ratetheapp"
++++++++++++++++android:icon="@drawable/ic_menu_rate_the_apps"
++++++++++++++++android:showAsAction="collapseActionView"
++++++++++++++++android:title="@string/str_Ratetheapp"+/>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/Sharetheapp"
++++++++++++++++android:icon="@drawable/ic_menu_shar_the_apps"
++++++++++++++++android:showAsAction="collapseActionView"
++++++++++++++++android:title="@string/str_Sharetheapp"+/>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/Contactus"
++++++++++++++++android:icon="@drawable/ic_menu_contact"
++++++++++++++++android:showAsAction="collapseActionView"
++++++++++++++++android:title="@string/str_Contactus"+/>

++++++++++++<item
++++++++++++++++android:id="@%2Bid/Policies"
++++++++++++++++android:icon="@drawable/ic_menu_policy_icon"
++++++++++++++++android:showAsAction="collapseActionView"
++++++++++++++++android:title="@string/str_Policies"+/>
++++++++</menu>
++++</item>
</menu>|code-block|syntax|javascript|254471|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Add this in style:

<pre><code>&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item
 android:id="@+id/action_settings"
 app:showAsAction="always"
 android:icon="@drawable/ic_more_vert_white"
 android:orderInCategory="100"
 android:title=""&gt;
 &lt;menu&gt;

 &lt;item
 android:id="@+id/Login"
 android:icon="@drawable/ic_menu_user_icon"
 android:showAsAction="collapseActionView|withText"
 android:title="@string/str_Login" /&gt;

 &lt;item
 android:id="@+id/str_WishList"
 android:icon="@drawable/ic_menu_wish_list_icon"
 android:showAsAction="collapseActionView"
 android:title="@string/str_WishList" /&gt;

 &lt;item
 android:id="@+id/TrackOrder"
 android:icon="@drawable/ic_menu_my_order_icon"
 android:showAsAction="collapseActionView"
 android:title="@string/str_TrackOrder" /&gt;

 &lt;item
 android:id="@+id/Ratetheapp"
 android:icon="@drawable/ic_menu_rate_the_apps"
 android:showAsAction="collapseActionView"
 android:title="@string/str_Ratetheapp" /&gt;

 &lt;item
 android:id="@+id/Sharetheapp"
 android:icon="@drawable/ic_menu_shar_the_apps"
 android:showAsAction="collapseActionView"
 android:title="@string/str_Sharetheapp" /&gt;

 &lt;item
 android:id="@+id/Contactus"
 android:icon="@drawable/ic_menu_contact"
 android:showAsAction="collapseActionView"
 android:title="@string/str_Contactus" /&gt;

 &lt;item
 android:id="@+id/Policies"
 android:icon="@drawable/ic_menu_policy_icon"
 android:showAsAction="collapseActionView"
 android:title="@string/str_Policies" /&gt;
 &lt;/menu&gt;
 &lt;/item&gt;
&lt;/menu&gt;
</code></pre>

blocks|key|37849|text|这太晚了，但有人可能会帮我试试我从@Desmond+Lua得到了帮助，这对使用menu.xml的人很有帮助|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|37850|我的答案是创建动态菜单，下面是我的代码：|37851|++int+ACTION_MENU_ID+=1;
++SpannableStringBuilder+builder;
+++@Override
++public+boolean+onCreateOptionsMenu(Menu+menu)+{

++//this+space+for+icon+
++++builder+=+new+SpannableStringBuilder("++"+%2B+getString(R.string.your_menu_title));
++++builder.setSpan(new+ImageSpan(this,++R.drawable.ic_your_menu_icon),+0,+1,+Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
++//dynamic+menu+added+
++++menu.add(Menu.NONE,ACTION_MENU_ID,+Menu.NONE,
+++++++++++++getString(R.string.your_menu_title))
++++++++++++.setShowAsAction(MenuItemCompat.SHOW_AS_ACTION_WITH_TEXT+%7C+MenuItemCompat.SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW);
++//set+icon+in+overflow+menu++++++
++++++++menu.findItem(ACTION_MENU_ID).setTitle(builder);
}|code-block|syntax|javascript|37852|entityMap^0|13|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

This is too late but some one may help my try i got help from @Desmond Lua answer 
that helps for who uses <code>menu.xml</code> 

My answer is for dynamic menu creation here is my code:

<pre><code> int ACTION_MENU_ID =1;
 SpannableStringBuilder builder;
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {

 //this space for icon 
 builder = new SpannableStringBuilder(" " + getString(R.string.your_menu_title));
 builder.setSpan(new ImageSpan(this, R.drawable.ic_your_menu_icon), 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
 //dynamic menu added 
 menu.add(Menu.NONE,ACTION_MENU_ID, Menu.NONE,
 getString(R.string.your_menu_title))
 .setShowAsAction(MenuItemCompat.SHOW_AS_ACTION_WITH_TEXT | MenuItemCompat.SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW);
 //set icon in overflow menu 
 menu.findItem(ACTION_MENU_ID).setTitle(builder);
}
</code></pre>

blocks|key|37872|text|@Simon的答案真的很有效……但是你们中的一些人正在使用AppCompat活动...您将需要使用此代码在appcompat-v7:22.x中不再调用onMenuOpened()|type|unstyled|depth|inlineStyleRanges|entityRanges|data|37873|@Override
++++protected+boolean+onPrepareOptionsPanel(View+view,+Menu+menu)+{
++++++++if(menu+!=+null){
++++++++++++if(menu.getClass().getSimpleName().equals("MenuBuilder")){
++++++++++++++++try{
++++++++++++++++++++Method+m+=+menu.getClass().getDeclaredMethod(
++++++++++++++++++++++++++++"setOptionalIconsVisible",+Boolean.TYPE);
++++++++++++++++++++m.setAccessible(true);
++++++++++++++++++++m.invoke(menu,+true);
++++++++++++++++}
++++++++++++++++catch(NoSuchMethodException+e){
++++++++++++++++++++Log.e(Constants.DEBUG_LOG,+"onMenuOpened",+e);
++++++++++++++++}
++++++++++++++++catch(Exception+e){
++++++++++++++++++++throw+new+RuntimeException(e);
++++++++++++++++}
++++++++++++}
++++++++}
++++++++return+super.onPrepareOptionsPanel(view,+menu);
++++}|code-block|syntax|javascript|37874|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The answer by @Simon really works well... but of you are using AppCompat Activity... you will need to use this code instead...Because onMenuOpened() is not called any more in appcompat-v7:22.x

<pre><code>@Override
 protected boolean onPrepareOptionsPanel(View view, Menu menu) {
 if(menu != null){
 if(menu.getClass().getSimpleName().equals("MenuBuilder")){
 try{
 Method m = menu.getClass().getDeclaredMethod(
 "setOptionalIconsVisible", Boolean.TYPE);
 m.setAccessible(true);
 m.invoke(menu, true);
 }
 catch(NoSuchMethodException e){
 Log.e(Constants.DEBUG_LOG, "onMenuOpened", e);
 }
 catch(Exception e){
 throw new RuntimeException(e);
 }
 }
 }
 return super.onPrepareOptionsPanel(view, menu);
 }
</code></pre>

blocks|key|254570|text|在@Desmond+Lua从above得到的答案的基础上，我创建了一个静态方法，用于在下拉列表中使用在XML中声明的drawable，并确保它的有色不会影响常量可绘制状态。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|254571|++++/**
+*+Updates+a+menu+item+in+the+dropdown+to+show+it's+icon+that+was+declared+in+XML.
+*
+*+@param+item
+*+++++++++the+item+to+update
+*+@param+color
+*+++++++++the+color+to+tint+with
+*/
private+static+void+updateMenuWithIcon(@NonNull+final+MenuItem+item,+final+int+color)+{
++++SpannableStringBuilder+builder+=+new+SpannableStringBuilder()
++++++++++++.append("*")+//+the+*+will+be+replaced+with+the+icon+via+ImageSpan
++++++++++++.append("++++")+//+This+extra+space+acts+as+padding.+Adjust+as+you+wish
++++++++++++.append(item.getTitle());

++++//+Retrieve+the+icon+that+was+declared+in+XML+and+assigned+during+inflation
++++if+(item.getIcon()+!=+null+&&+item.getIcon().getConstantState()+!=+null)+{
++++++++Drawable+drawable+=+item.getIcon().getConstantState().newDrawable();

++++++++//+Mutate+this+drawable+so+the+tint+only+applies+here
++++++++drawable.mutate().setTint(color);

++++++++//+Needs+bounds,+or+else+it+won't+show+up+(doesn't+know+how+big+to+be)
++++++++drawable.setBounds(0,+0,+drawable.getIntrinsicWidth(),+drawable.getIntrinsicHeight());
++++++++ImageSpan+imageSpan+=+new+ImageSpan(drawable);
++++++++builder.setSpan(imageSpan,+0,+1,+Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
++++++++item.setTitle(builder);
++++}
}|code-block|syntax|javascript|254572|当在活动中使用它时，它看起来就像这样。这可能会更优雅，这取决于您的个人需求。|254573|@Override
public+boolean+onCreateOptionsMenu(Menu+menu)+{
++++getMenuInflater().inflate(R.menu.menu_activity_provider_connect,+menu);
++++int+color+=+ContextCompat.getColor(this,+R.color.accent_dark_grey);
++++updateMenuWithIcon(menu.findItem(R.id.email),+color);
++++updateMenuWithIcon(menu.findItem(R.id.sms),+color);
++++updateMenuWithIcon(menu.findItem(R.id.call),+color);
++++return+true;
}|254574|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/32523930/409695^0|E|5|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Building on @Desmond Lua's answer from <a href="https://stackoverflow.com/a/32523930/409695">above</a>, I made a static method for using the drawable declared in XML in the dropdown, and ensuring that it's tinted color does not affect the Constant Drawable state.

<pre><code> /**
 * Updates a menu item in the dropdown to show it's icon that was declared in XML.
 *
 * @param item
 * the item to update
 * @param color
 * the color to tint with
 */
private static void updateMenuWithIcon(@NonNull final MenuItem item, final int color) {
 SpannableStringBuilder builder = new SpannableStringBuilder()
 .append("*") // the * will be replaced with the icon via ImageSpan
 .append(" ") // This extra space acts as padding. Adjust as you wish
 .append(item.getTitle());

 // Retrieve the icon that was declared in XML and assigned during inflation
 if (item.getIcon() != null &amp;&amp; item.getIcon().getConstantState() != null) {
 Drawable drawable = item.getIcon().getConstantState().newDrawable();

 // Mutate this drawable so the tint only applies here
 drawable.mutate().setTint(color);

 // Needs bounds, or else it won't show up (doesn't know how big to be)
 drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
 ImageSpan imageSpan = new ImageSpan(drawable);
 builder.setSpan(imageSpan, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
 item.setTitle(builder);
 }
}
</code></pre>

And using it would look something like this when used in an activity. This could probably be even more elegant depending on your individual needs.

<pre><code>@Override
public boolean onCreateOptionsMenu(Menu menu) {
 getMenuInflater().inflate(R.menu.menu_activity_provider_connect, menu);
 int color = ContextCompat.getColor(this, R.color.accent_dark_grey);
 updateMenuWithIcon(menu.findItem(R.id.email), color);
 updateMenuWithIcon(menu.findItem(R.id.sms), color);
 updateMenuWithIcon(menu.findItem(R.id.call), color);
 return true;
}
</code></pre>

blocks|key|254605|text|根据我的说法，这只能通过创建自定义工具栏来实现。因为默认的ActionBar不会为您提供该功能。但是你可以通过将子菜单作为一个项目的子菜单来放置图标。如果你有比我更好的解决方案..只要告诉我。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254606|<?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">
<item
++++android:id="@%2Bid/action_settings"
++++android:icon="@drawable/ic_menu_camera"
++++android:showAsAction="never"
++++android:title="@string/action_settings"+/>

<item
++++android:id="@%2Bid/action_1"
++++android:icon="@drawable/ic_menu_gallery"
++++android:showAsAction="never"
++++android:title="Hello"+/>

<item
++++android:id="@%2Bid/action_search"
++++android:icon="@android:drawable/ic_search_category_default"
++++android:showAsAction="never"
++++android:title="action_search">

++++<menu>
++++++++<item
++++++++++++android:id="@%2Bid/version1"
++++++++++++android:icon="@android:drawable/ic_dialog_alert"
++++++++++++android:showAsAction="never"
++++++++++++android:title="Cup+cake"+/>

++++++++<item
++++++++++++android:id="@%2Bid/version2"
++++++++++++android:icon="@drawable/ic_menu_camera"
++++++++++++android:showAsAction="never"
++++++++++++android:title="Donut"+/>


++++++++<item
++++++++++++android:id="@%2Bid/version3"
++++++++++++android:icon="@drawable/ic_menu_send"
++++++++++++android:showAsAction="never"
++++++++++++android:title="Eclair"+/>

++++++++<item
++++++++++++android:id="@%2Bid/version4"
++++++++++++android:icon="@drawable/ic_menu_gallery"
++++++++++++android:showAsAction="never"
++++++++++++android:title="Froyo"+/>
++++</menu>
</item>
</menu>+|code-block|syntax|javascript|254607|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

According to me this is only possible by creating a custom toolbar. Because default ActionBar doesn't gives you that feature. But you can put icons by taking sub menu as a child of an item. And if you have better solution than me.. just inform me.

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
&lt;item
 android:id="@+id/action_settings"
 android:icon="@drawable/ic_menu_camera"
 android:showAsAction="never"
 android:title="@string/action_settings" /&gt;

&lt;item
 android:id="@+id/action_1"
 android:icon="@drawable/ic_menu_gallery"
 android:showAsAction="never"
 android:title="Hello" /&gt;

&lt;item
 android:id="@+id/action_search"
 android:icon="@android:drawable/ic_search_category_default"
 android:showAsAction="never"
 android:title="action_search"&gt;

 &lt;menu&gt;
 &lt;item
 android:id="@+id/version1"
 android:icon="@android:drawable/ic_dialog_alert"
 android:showAsAction="never"
 android:title="Cup cake" /&gt;

 &lt;item
 android:id="@+id/version2"
 android:icon="@drawable/ic_menu_camera"
 android:showAsAction="never"
 android:title="Donut" /&gt;


 &lt;item
 android:id="@+id/version3"
 android:icon="@drawable/ic_menu_send"
 android:showAsAction="never"
 android:title="Eclair" /&gt;

 &lt;item
 android:id="@+id/version4"
 android:icon="@drawable/ic_menu_gallery"
 android:showAsAction="never"
 android:title="Froyo" /&gt;
 &lt;/menu&gt;
&lt;/item&gt;
&lt;/menu&gt; 
</code></pre>

blocks|key|37960|text|根据前面的答案尝试了一下，它工作得很好，至少在较新版本的支持库(25.1)中是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|37961|@Override
public+boolean+onCreateOptionsMenu(Menu+menu)+{
++++getMenuInflater().inflate(R.menu.menu_main,+menu);

++++if(menu+instanceof+MenuBuilder){
++++++++MenuBuilder+m+=+(MenuBuilder)+menu;
++++++++//noinspection+RestrictedApi
++++++++m.setOptionalIconsVisible(true);
++++}

++++return+true;
}|code-block|syntax|javascript|37962|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Tried this based on the previous answers and it works fine, at least with more recent versions of the support library (25.1):

<pre><code>@Override
public boolean onCreateOptionsMenu(Menu menu) {
 getMenuInflater().inflate(R.menu.menu_main, menu);

 if(menu instanceof MenuBuilder){
 MenuBuilder m = (MenuBuilder) menu;
 //noinspection RestrictedApi
 m.setOptionalIconsVisible(true);
 }

 return true;
}
</code></pre>

blocks|key|254656|text|+public+void+showContextMenuIconVisible(Menu+menu){
++++if+(menu.getClass().getSimpleName().equals("MenuBuilder"))+{
++++++++try+{
++++++++++++Field+field+=+menu.getClass().getDeclaredField("mOptionalIconsVisible");
++++++++++++field.setAccessible(true);
++++++++++++field.setBoolean(menu,+true);
++++++++}+catch+(Exception+ignored)+{
++++++++++++ignored.printStackTrace();
++++++++}
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|254657|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> public void showContextMenuIconVisible(Menu menu){
 if (menu.getClass().getSimpleName().equals("MenuBuilder")) {
 try {
 Field field = menu.getClass().getDeclaredField("mOptionalIconsVisible");
 field.setAccessible(true);
 field.setBoolean(menu, true);
 } catch (Exception ignored) {
 ignored.printStackTrace();
 }
 }
}
</code></pre>

blocks|key|254684|text|我发现的最简单的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254685|public+boolean+onCreateOptionsMenu(Menu+menu){
+++++MenuInflater+inflater+=+getMenuInflater();
+++++inflater.inflate(R.menu.toolbar_menu,menu);
+++++if(menu+instanceof+MenuBuilder)+{++//To+display+icon+on+overflow+menu

++++++++++MenuBuilder+m+=+(MenuBuilder)+menu;+
++++++++++m.setOptionalIconsVisible(true);

+++++}
+++return+true;
}++++++++`|code-block|syntax|javascript|254686|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Easiest Way I found is this :

<pre><code>public boolean onCreateOptionsMenu(Menu menu){
 MenuInflater inflater = getMenuInflater();
 inflater.inflate(R.menu.toolbar_menu,menu);
 if(menu instanceof MenuBuilder) { //To display icon on overflow menu

 MenuBuilder m = (MenuBuilder) menu; 
 m.setOptionalIconsVisible(true);

 }
 return true;
} `
</code></pre>

blocks|key|254724|text|我使用了MashukKhan的建议，但我始终将持有者项显示为动作，并使用矢量资源中的垂直更多点作为图标。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254725|<item
++++android:orderInCategory="10"
++++android:title=""
++++android:icon="@drawable/ic_more_vert"
++++app:showAsAction="always"+>

++++<menu>
++++++++<item
++++++++++++android:id="@%2Bid/action_tst1"
++++++++++++...and+so+on

+++</menu>
</item>|code-block|syntax|javascript|254726|这会产生"overflow“菜单效果，并在下拉列表中显示图标。|254727|一个人甚至可以把项目放在它前面，如果它们不与它显示冲突的话。|254728|我发现MashukKhan的解决方案很优雅，它适合解决方案，而不是围绕类别的工作，因为它只是一个子菜单的实现。|254729|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I used MashukKhan's suggestion but I showed the holder item as action always and used the vertical more dots from the vector assets as the icon.

<pre><code>&lt;item
 android:orderInCategory="10"
 android:title=""
 android:icon="@drawable/ic_more_vert"
 app:showAsAction="always" &gt;

 &lt;menu&gt;
 &lt;item
 android:id="@+id/action_tst1"
 ...and so on

 &lt;/menu&gt;
&lt;/item&gt;
</code></pre>

This produces the "overflow" menu effect and displays the icons in the drop down. One can even put items ahead of it if they don't conflict with it showing. 
I find MashukKhan's solution elegant and it fits in the solution rather than the work around category because it is just an implementation of a sub menu.

blocks|key|254750|text|kotlin：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254751|@SuppressLint("RestrictedApi")
fun+Menu.showOptionalIcons()+{
++++this+as+MenuBuilder
++++setOptionalIconsVisible(true)
}|code-block|syntax|javascript|254752|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

kotlin:
<pre><code>@SuppressLint(&quot;RestrictedApi&quot;)
fun Menu.showOptionalIcons() {
 this as MenuBuilder
 setOptionalIconsVisible(true)
}
</code></pre>

I know it's not possible using the native API. Is there a workaround to implement that kind of view?

How To show icons in Overflow menu in ActionBar

我知道使用原生API是不可能的。有没有实现这种视图的变通方法？

问如何在ActionBar溢出菜单中显示图标
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ActionBar溢出菜单中显示图标EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ActionBar溢出菜单中显示图标
EN