您的位置:首页 > 移动开发 > Android开发

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

2017-01-16 14:10 645 查看

先看图:

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

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

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Android3 ActionBar 导航
相关文章推荐