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

来源:互联网 发布:玲珑网游加速器mac 编辑:程序博客网 时间:2024/03/29 14:00

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

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


文件名称为main.xml

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  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
 在CODE上查看代码片派生到我的代码片
  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
 在CODE上查看代码片派生到我的代码片
  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
0 0
原创粉丝点击