Android中ActionBar及Overflow的显示

转自:http://www.sxt.cn/u/756/blog/4386

 

最近在按照Android的API文档学习Android中actionbar的使用,Action bar 最基本的形式,就是为 activity 显示标题,并且在标题左边显示一个 app icon。在这样简单的形式下,对于所有的 activity 来说,action bar 对告知用户他们当前所处的位置十分有用,并为你的 app 维护了持续的同一标识。Action Bar是一种新増的导航栏功能,在Android 3.0之后加入到系统的API当中,它标识了用户当前操作界面的位置,并提供了额外的用户动作、界面导航等功能。使用ActionBar的好处是,它可以给提供一种全局统一的UI界面。

配置实现ActionBar

首先需要自己配置menu,在menu中添加相对应的Item(/res/menu/main.xml)中进行如下配置:,添加了三个Item

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<item
    android:id="@+id/action_settings"
    android:icon="@drawable/ic_launcher"
    android:showAsAction="always|withText"
    android:title="@string/action_settings"/>
<item
    android:id="@+id/icon_edit"
    android:icon="@drawable/ic_launcher"
    android:showAsAction="never|withText"
    android:title="@string/main_actionEdit"/>
<item
    android:id="@+id/icon_search"
    android:icon="@drawable/ic_launcher"
    android:showAsAction="never|withText"
    android:title="@string/main_actionSearch"/>

item中showAsAction属性有四个:
  1、always:这个值会使菜单项一直显示在Action Bar上。
  2、ifRoom:如果有足够的空间,这个值会使菜单项显示在Action Bar上。
  3、never:这个值使菜单项永远都不出现在Action Bar上。
  4、withText:这个值使菜单项和它的图标,菜单文本一起显示。

同时还需要在Activity重写onCreateOptionsMenu方法:

1
2
3
4
5
6
@Override
  public boolean onCreateOptionsMenu(Menu menu) {
      MenuInflater inflater = getMenuInflater();
      inflater.inflate(R.menu.main, menu);
      return super.onCreateOptionsMenu(menu);
  }

 按照API文档出现的结果应该是这个样子的,注意三个点:

 

但是现实是:

 由于我是初学者,所以当官方文档和个人实战有冲突的时候,就郁闷了,完全是一步步按照文档过来的,所以这个时候就郁闷了,上网也是一通猛找,发现了原因:

http://developer.android.com/guide/topics/ui/actionbar.html,这个上面有段英文:

The action bar provides users access to the most important action items relating to the app's current context. Those that appear directly in the action bar with an icon and/or text are known as action buttons. Actions that can't fit in the action bar or aren't important enough are hidden in the action overflow. The user can reveal a list of the other actions by pressing the overflow button on the right side (or the device Menu button, if available).

我就不翻译了,简单点说如果设备有菜单功能键,显示隐藏动作的功能将会由Menu菜单功能键实现,点击了一下menu,效果如下:

 

菜单出现了,不过就是没有那三个点,还是有点不甘心,又找了找,还有有人遇到过这个问题的,对于那三个点菜单的话,Android 3.0 (API level 11) +标准叫法叫做:action overflow button低版本的(Android 2.3.x (API level 10) or lower)对应的叫做:overflow menu,效果(不是三个点)是More按钮.

如果非要显示出来Overflow的菜单,需要手动的写代码去加载出来,stackoverflow有老外贴了代码,onCreate中调用一下就可以了,我就不了:

http://stackoverflow.com/questions/20444596/how-to-force-action-bar-overflow-icon-to-show

1
2
3
4
5
6
7
8
9
10
11
12
private void getOverflowMenu() {
      try {
         ViewConfiguration config = ViewConfiguration.get(this);
         Field menuKeyField = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
         if(menuKeyField != null) {
             menuKeyField.setAccessible(true);
             menuKeyField.setBoolean(config, false);
         }
     } catch (Exception e) {
         e.printStackTrace();
     }
 }

 

  

隐藏ActionBar,使用getActionBar获取之后直接隐藏就行,就不贴图了:

1
2
ActionBar bar=getActionBar();
bar.hide();

这个时候还可以设置Menu中Item的点击事件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@Override
   public boolean onOptionsItemSelected(MenuItem item) {
       switch (item.getItemId()) {
       case R.id.icon_edit:
          Toast.makeText(this, "触发编辑按钮事件", Toast.LENGTH_SHORT).show();
           return true;
       case R.id.action_settings:
           Intent intent=new Intent(this,PesonActivity.class);
              intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP 
                      | Intent.FLAG_ACTIVITY_NEW_TASK); 
           startActivity(intent);
           return true;
       case R.id.icon_search:
           Toast.makeText(this, "触发搜索按钮事件", Toast.LENGTH_SHORT).show();
           return true;
       default:
           return super.onOptionsItemSelected(item);
   }
   }

 手动实现Menu

Activity之间是可以相互调用的,也可以从子Activity返回到父Activity,新建一个PersonActivity,通过手动写代码去配置Menu:

1
2
3
4
5
6
7
8
9
10
11
12
13
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    super.onCreateOptionsMenu(menu);
    //添加菜单项
    MenuItem add=menu.add(0,0,0,"添加");
    MenuItem del=menu.add(0,0,0,"删除");
    add.setIcon(R.drawable.btn_check_on_pressed);
    del.setIcon(R.drawable.btn_close_selected);
    //绑定到ActionBar 
    add.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
    del.setShowAsAction(MenuItem.SHOW_AS_ACTION_NEVER);
    return true;
}

 效果如图所示:

这个时候可以看到红色地方有一个返回的箭头,需要在Activity中配置一下:

1
android:parentActivityName="com.example.googleaction.MainActivity"

PesonActivity的Activity中需要调用一个方法:

1
getActionBar().setDisplayHomeAsUpEnabled(true);
posted @ 2015-02-20 00:54  明明是悟空  阅读(545)  评论(0编辑  收藏  举报