Android ActionBar创建带图片和文字的menu

因为才开始使用到ActionBar功能，所以就很随意的做了一个效果（隐藏item只能显示文字而不能显示图标）；  使用的NavigationDrawerFragment实现的UI框架。              需求是：设置菜单的图标并且带文字。

设置ActionBarMenu菜单style：纯文字方式

文件名称为main.xml

[html]  view plain  copy

 

1. <menu xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:app="http://schemas.android.com/apk/res-auto"  
3.     xmlns:tools="http://schemas.android.com/tools"  
4.     tools:context="com.scengine.escheduler.MainActivity" >  
5.   
6.     <item  
7.         android:id="@+id/action_search"  
8.         android:title="@string/action_search"  
9.         android:icon="@drawable/ic_action_search"  
10.         app:showAsAction="always"/>  
11.      <item  
12.         android:id="@+id/action_firstpage"  
13.         android:title="@string/action_firstpage"  
14.         app:showAsAction="never"/>  
15.     <item  
16.         android:id="@+id/action_publish"  
17.         android:title="@string/action_publish"  
18.         app:showAsAction="never"/>  
19.     <item  
20.         android:id="@+id/action_draft"  
21.         android:title="@string/action_draft"  
22.         app:showAsAction="never"/>  
23.      <item  
24.         android:id="@+id/action_settings"  
25.         android:orderInCategory="100"  
26.         android:title="@string/action_settings"  
27.         app:showAsAction="never"/>  
28.     <item  
29.         android:id="@+id/action_notify"  
30.         android:title="@string/action_notify"  
31.         android:icon="@drawable/ic_action_notify"  
32.         app:showAsAction="never"/>  
33.     <item  
34.         android:id="@+id/action_logout"  
35.         android:orderInCategory="100"  
36.         android:title="@string/action_logout"  
37.         app:showAsAction="never"/>  
38.   
39.   
40. </menu>  

框架中调用：

[java]  view plain  copy

 

1. @Override  
2. public boolean onCreateOptionsMenu(Menu menu)  
3. {  
4.     if (!mNavigationDrawerFragment.isDrawerOpen())  
5.     {  
6.         getMenuInflater().inflate(R.menu.main, menu);  
7.         restoreActionBar();  
8.         return true;  
9.     }  
10.         return super.onCreateOptionsMenu(menu);  
11. }  

设置ActionBarMenu菜单style：文字加图片

只需要修改onCreateOptionsMenu方法就可以实现：

[java]  view plain  copy

 

1. @Override  
2. public boolean onCreateOptionsMenu(Menu menu)  
3. {  
4.   
5.     SubMenu subMenu = menu.addSubMenu("");  
6.   
7.     subMenu.add("探索").setIcon(R.drawable.ic_action_search).setOnMenuItemClickListener(new OnMenuItemClickListener()  
8.     {  
9.   
10.         @Override  
11.         public boolean onMenuItemClick(MenuItem item)  
12.         {  
13.             return false;  
14.         }  
15.     });  
16.     subMenu.add("消息").setIcon(R.drawable.ic_action_notify).setOnMenuItemClickListener(new OnMenuItemClickListener()  
17.     {  
18.   
19.         @Override  
20.         public boolean onMenuItemClick(MenuItem item)  
21.         {  
22.                 return false;  
23.         }  
24.     });  
25.   
26.     MenuItem item = subMenu.getItem();  
27.     item.setIcon(R.drawable.ic_menu);  
28.     item.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);  
29.         return super.onCreateOptionsMenu(menu);  
30. }  

参考文章地址： http://stackoverflow.com/questions/16709083/how-to-make-popup-menu-like-this-using-actionbarsherlock