zoukankan      html  css  js  c++  java
  • 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);
  • 相关阅读:
    互联网网站元素周期表
    键盘上每个键作用!!!
    推荐20个关于网站可用性及界面设计的网站
    教你用键盘打出各种符号以 “♡“ (完整版..还有其他符号)
    精选30个免费高品质PSD源文件(系列一)
    精选31个网站界面设计实践教程
    推荐20个让你学习并精通CSS的网站
    12种Javascript解决常见浏览器兼容问题的方法
    推荐3个网页设计在线配色网站
    转:推荐一个无缝背景花纹资源站AVA7 PATTERNS
  • 原文地址:https://www.cnblogs.com/x_wukong/p/4296380.html
Copyright © 2011-2022 走看看