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

先看图:

[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

<activity android:theme="@android:style/Theme.Holo.NoActionBar">

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);
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android仿微信顶/底部菜单栏效果

    本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个XML,当手指在ViewPage左右滑动时,就相应显示不同的page(其实就是xml)并且同时改变底部菜单按钮的图片变暗或变亮,同时如果点击底部菜单按钮,左右滑动page(其实就是xml)并且改变相应按钮的亮度. 一.布局 1.顶部菜单布局,命名为top_layout.xml <?xml version="1.0" encoding="utf-8"?> <R

  • Android开发Popwindow仿微信右上角下拉菜单实例代码

    先给大家看下效果图: MenuPopwindow: package com.cloudeye.android.cloudeye.view; import android.app.Activity; import android.content.Context; import android.graphics.drawable.ColorDrawable; import android.view.LayoutInflater; import android.view.View; import an

  • Android中ActionBar以及menu的代码设置样式

    menu部分xml代码 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/action_search" android:title="搜索1" android:orderI

  • Android制作微信app顶部menu菜单(ActionBar)

    使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果. 第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择Android的最低版本号为3.0或以上. 然后开始我们的"抄袭",首先打开我们微信,我们看到,顶部标题部分,分为左右两部分,左侧为"微信"两字,右侧则为搜索按钮+更多按钮,点击搜索按钮,会出现一个文本输入框.点击更多按钮,则会出现隐藏的menu菜单,分为:添加好友.发起群

  • Android仿微信底部菜单栏功能显示未读消息数量

    底部菜单栏很重要,我看了一下很多应用软件都是用了底部菜单栏,这里使用了tabhost做了一种通用的(就是可以像微信那样显示未读消息数量的,虽然之前也做过但是layout下的xml写的太臃肿,这里去掉了很多不必要的层,个人看起来还是不错的,所以贴出来方便以后使用). 先看一下做出来之后的效果: 以后使用的时候就可以换成自己项目的图片和字体了,主框架不用变哈哈, 首先是要布局layout下xml文件 main.xml: <?xml version="1.0" encoding=&qu

  • Android仿微信菜单(Menu)(使用C#和Java分别实现)

    本篇是对安卓菜单使用编程方式实现,当然可以使用XML的方式完成同样的功能,基本Java和C#写法都是一致的,所以使用XML的方式在本篇中使用Java演示,需要注意的是,对于如果不是VS开发的话,那么资源文件名称必须以小写开头,否则会报错. 运行效果 C#实现 using Android.App; using Android.OS; using Android.Views; using Android.Widget; namespace MenuDemo { [Activity(Label = "

  • Android巧用ActionBar实现tab导航效果

    本文实例为大家分享了ActionBar实现tab导航效果的具体代码,供大家参考,具体内容如下 先来说一说基础知识: 一.基本使用方法 1.获取ActionBar 获取actionbar很简单,在activity中,ationbar=this.getActionBar(); 2.显示/隐藏 设置actionBar的显示/隐藏,可以使用show()和hide()方法. 3.设置MenuItem 通过设置menuItem,可以使menuItem成为actionbar上的item. setShowAsA

  • Android自定义ActionBar实例

    本文实例讲述了Android自定义ActionBar的实现方法.分享给大家供大家参考.具体实现方法如下: Android 3.0及以上已经有了ActionBar的API,可以通过引入support package在3.0以下的平台引用这些API,但这儿呢,完全自定义一个ActionBar,不用引入额外jar包,参照的是开源的UI组件GreeenDroid,项目主页:https://github.com/cyrilmottier/GreenDroid .提取出关于ActionBar的相关文件,你可

  • Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能

    如何为不同的list item呈现不同的菜单,本文实例就为大家介绍了Android仿微信或QQ滑动弹出编辑.删除菜单效果.增加下拉刷新等功能的实现,分享给大家供大家参考,具体内容如下 效果图: 1. 下载开源项目,并将其中的liberary导入到自己的项目中: 2. 使用SwipeMenuListView代替ListView,在页面中布局: <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefresh

  • Android巧用ActionBar实现下拉式导航

    本文实例为大家分享了ActionBar下拉式导航的实现代码,供大家参考,具体内容如下 利用Actionbar同样可以很轻松的实现下拉式的导航方式,若想实现这种效果: 1)actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST)  2)setListNavigationCallbacks(SpinnerAdapter adapter,ActionBar.OnNavigationListener callback). 首先是创建一个Fra

随机推荐