Android3.0 ActionBar导航标题栏使用解析

Farrah ·

更新时间:2024-09-21

· 889 次阅读

先看图：

[1]是ActionBar的图标，[2]是两个action按钮，[3]是overflow按钮。

介绍：

Action Bar是一种新増的导航栏功能，在Android 3.0之后加入到系统的API当中，它标识了用户当前操作界面的位置，并提供了额外的用户动作、界面导航等功能。使用ActionBar的好处是，它可以给提供一种全局统一的UI界面，使得用户在使用任何一款软件时都懂得该如何操作，并且ActionBar还可以自动适应各种不同大小的屏幕。

添加ActionBar

1、不需要导入ActionBar，因为在android3.0或者以上版本中，ActionBar已经默认的包含在Activity中
2、在Android3.0的默认主题“holographic”中，已经创造了ActionBar
3、当android:minSdkVersion 或者 android:targetSdkVersion 属性被设置成11或者更高时，应用会被认为是Android3.0版本（默认含有ActionBar）

二、隐藏ActionBar

1、我们可以通过把主题设置为Theme.Holo.NoActionBar为一个Activity去除掉ActionBar

2、我们也可以通过在代码中调用show()或者hide()方法来相应的显示或者隐藏ActionBar
3、在我们使用actionBar.hide();方法是系统默认会将ActionBar占用的空间分配给界面，此时显示的界面将会重新绘制。
同样调用actionBar.show();时也会重新绘制界面。如果我们一个程序需要频繁的显示或者隐藏ActionBar的话，这样
就不会有良好的效果。Google提供给一个属性可以让ActionBar浮在界面上，当然你可以让ActionBar的背景为透明，
这样会有良好的体验效果。

Demo栗子：

清单文件中设置theme


<application
  android:name=".view.MyApp"
  android:allowBackup="true"
  android:icon="@mipmap/ic_launcher"
  android:label="@string/app_name"
  android:supportsRtl="true"
  android:theme="@style/AppTheme">

style/AppTheme


 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <!-- Customize your theme here. -->
  <item name="colorPrimary">@color/colorPrimary</item>
  <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  <item name="colorAccent">@color/colorAccent</item>
 </style>

MainActivity中初始化


/**
  * 初始化标题
  */
 private void initActionbar() {
  ActionBar actionBar= getSupportActionBar();//获取当前页面的标题栏
  actionBar.setTitle("Demo应用");//设置显示标题
  actionBar.setLogo(R.mipmap.ic_launcher);//设置logo标志
  actionBar.setDisplayShowHomeEnabled(true);//是否显示在主页面上
  actionBar.setDisplayUseLogoEnabled(true);//是否使用标志图片
  actionBar.setDisplayHomeAsUpEnabled(true);//返回键
  actionBar.show();//设置后调用show显示标题栏
 }

菜单中加载布局


 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  getMenuInflater().inflate(R.menu.action_bar_menu,menu);
  return true;
 }

menu.action_bar_menu


<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto">
 <!--menu集合添加多个按钮
  showAsAction 显示设置
  always 争取显示
  ifRoom根据剩余空间的大小来决定 ，大 就显示 ，反之 不显示
  never 默认从来不显示在集合外面
  app:showAsAction="always"-->
 <item android:id="@+id/menu1"
  android:title="菜单1"
  android:icon="@drawable/action_download"/>
 <item android:id="@+id/menu2"
  android:title="菜单2"
  android:icon="@drawable/ic_feedback"/>
 <item android:id="@+id/menu3"
  android:title="菜单3"
  app:showAsAction="never"
  android:icon="@drawable/ic_exit"/>
</menu>

提供处理标题元素的事件方法


 /**
 *这是Activity提供处理标题元素的事件方法，返回true消费事件 
 *关键点：android.R.id.home 是系统分配置的返回的id
 */
 public boolean onOptionsItemSelected(MenuItem item) {
  switch (item.getItemId()){
   case android.R.id.home: //这个id是固定的，系统分配的
   if(mDrawerLayout.isDrawerOpen(mMenuLayout)){
    //如果是打开状态，那么点击就关闭
    mDrawerLayout.closeDrawer(mMenuLayout);
   }else{
    //如果是关闭状态，那么点击就打开
    mDrawerLayout.openDrawer(mMenuLayout);
   }
    break;
   case R.id.menu1:
    Toast.makeText(this, item.getTitle(), Toast.LENGTH_SHORT).show();
    break;
   case R.id.menu2:
    Toast.makeText(MyApp.getContext(), item.getTitle(), Toast.LENGTH_SHORT).show();
    break;
   case R.id.menu3:
    UiUtils.showToast(item.getTitle().toString());
    break;
  }
  return super.onOptionsItemSelected(item);
 }


/**
  * 设置箭头打开动画
  */
 private void initRotateArrowAnimation() {
  //参数1：Activity 参数2：抽屉控件 参数3,4：string
  ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this,mDrawerLayout,R.string.open,R.string.close);
  //同步状态 作用：把返回图标替换 2，把旋转特效箭头跟抽屉关联
  toggle.syncState();
  //抽屉滑动的距离换成角度，使用箭头旋转
  mDrawerLayout.addDrawerListener(toggle);
 }

您可能感兴趣的文章:Android巧用ActionBar实现tab导航效果Android巧用ActionBar实现下拉式导航Android中ActionBar以及menu的代码设置样式Android自定义ActionBar实例Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能Android仿微信顶/底部菜单栏效果Android仿微信底部菜单栏功能显示未读消息数量Android仿微信菜单(Menu)（使用C#和Java分别实现）Android开发Popwindow仿微信右上角下拉菜单实例代码Android制作微信app顶部menu菜单（ActionBar）

actionbar 标题栏 Android

1024 个赞