亲宝软件园·资讯

展开

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

码农王提莫 人气:0
想了解Android3.0 ActionBar导航标题栏使用解析的相关内容吗,码农王提莫在本文为您仔细讲解ActionBar导航标题栏的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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);
 }

加载全部内容

相关教程
猜你喜欢
用户评论