ActionBar—导航标题栏的解析

来源:互联网 发布:linux卸载subversion 编辑:程序博客网 时间:2024/05/17 06:53

这里写图片描述
[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 0
原创粉丝点击