Android中ActionBar及Overflow的显示

浏览数：22 / 时间：2015年06月11日

转自：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);

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢