码迷，mamicode.com
首页 > 移动开发 > 详细

<Android 基础（六）> ActionBar

时间：2016-06-23 01:08:31      阅读：226      评论：0      收藏：0      [点我收藏+]

标签：

介绍

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

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

基本使用

添加ActionBar

–布局文件–
AndroidStudio自动创建的MainActivity继承自AppCompatActivity本身携带有ActionBar，这里想要使用ToolBar来实现ActionBar的功能，需要先修改下theme

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

使用Theme.AppCompat.Light.NoActionBar作为activity的风格，这里插述一下相关属性代表的界面位置

技术分享

创建ToolBar对应的xml文件
toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

</android.support.v7.widget.Toolbar>

这里把这个文件单独作为一个xml方便多个layout中包含

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/rootlayout"
    tools:context="mraz.com.actionbardemo.MainActivity"
    android:orientation="vertical">

    <include layout="@layout/toolbar"/>
    <TextView
        android:id="@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</LinearLayout>

主界面对应的layout中include刚才创建的toolbar.xml文件

main_menu.xml

<?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">

    <item android:id="@+id/action_search"
        android:icon="@drawable/ic_search_black_24dp"
        app:actionViewClass="android.support.v7.widget.SearchView"
        android:title="Search"
        android:inputType="textCapWords"
        android:imeOptions="actionSearch"
        android:orderInCategory="80"
        app:showAsAction="ifRoom|collapseActionView"/>

    <item android:id="@+id/action_settings"
        android:icon="@drawable/ic_apps_black_24dp"
        android:title="Settings"
        android:orderInCategory="100"
        app:showAsAction="always"/>

    <item android:id="@+id/action_info"
        android:title="Details"
        android:icon="@drawable/ic_report_black_24dp"
        android:orderInCategory="90"
        app:showAsAction="ifRoom"/>

</menu>

menu 对应的属性解释一下

属性值 意义
id 控件id
title 标题（必需）
icon 图标
showAsAction 控制显示到actionbar还是overflow
actionViewClass 构建视图所使用的View
actionProviderClass 基本同上
menuCategory 同种菜单项的种类。该属性可取4个值：container、system、secondary和alternative。通过menuCategroy属性可以控制菜单项的位置。例如将属性设为system，表示该菜单项是系统菜单，应放在其他种类菜单项的后面。
orderInCategory 同种类菜单的排列顺序。该属性需要设置一个整数值,越小越靠左

showAsAction的几个属性，解释一下

属性 意义
ifRoom 根据当前的空间大小调整
never 永远不会显示。只会在溢出列表中显示，而且只显示标题，所以在定义item的时候，最好把标题都带上
always 无论是否溢出，都会显示
withText withText值示意Action bar要显示文本标题。Action bar会尽可能的显示这个标题，但是，如果图标有效并且受到Action bar空间的限制，文本标题有可能显示不全。
collapseActionView 声明了这个操作视窗应该被折叠到一个按钮中，当用户选择这个按钮时，这个操作视窗展开。否则，这个操作视窗在默认的情况下是可见的，并且即便在用于不适用的时候，也要占据操作栏的有效空间。一般要配合ifRoom一起使用才会有效果。

–代码使用–

package mraz.com.actionbardemo;

import android.os.Bundle;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

    LinearLayout rootlayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        rootlayout = (LinearLayout) findViewById(R.id.rootlayout);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        toolbar.setNavigationIcon(R.drawable.ic_menu_black_24dp);

    }

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


    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_info:
                Snackbar.make(rootlayout, " Info ", Snackbar.LENGTH_SHORT).show();
                break;
            case R.id.action_search:
                Snackbar.make(rootlayout, " Search ", Snackbar.LENGTH_SHORT).show();
                break;
            case R.id.action_settings:
                Snackbar.make(rootlayout, " Settings ", Snackbar.LENGTH_SHORT).show();
                break;
        }
        return super.onOptionsItemSelected(item);
    }
}

比较关键的只有3行代码

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); //获取toolbar
setSupportActionBar(toolbar); //设置成ActionBar
getMenuInflater().inflate(R.menu.main_menu, menu); //创建actionbar的菜单项

有了这些代码基本上就可以显示ActionBar，当然要实现与用户的交互，就需要对每一个item做对应的响应处理，这里根据菜单的id，做了简单的Snackbar的展示，开发者可以根据自己的需要实现更复杂的逻辑

    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_info:
                Snackbar.make(rootlayout, " Info ", Snackbar.LENGTH_SHORT).show();
                break;
                ……
    }

–效果图–
技术分享

使用Action View

上面的例子中有个比较特殊的Menu Item

    <item android:id="@+id/action_search"
        android:icon="@drawable/ic_search_black_24dp"
        app:actionViewClass="android.support.v7.widget.SearchView"
        android:title="Search"
        android:inputType="textCapWords"
        android:imeOptions="actionSearch"
        android:orderInCategory="80"
        app:showAsAction="ifRoom|collapseActionView"/>

这里使用了actionViewClass，这个要设置shwoAsAction为 ifRoom|collapseActionView使用才行,其实删除collapseActionView，也是可以正常使用，只是体现的方式不一样。获取SearchView的方式

MenuItem item = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) item.getActionView();

SerachView 对象拿到之后可以对其属性进行操作。给Action View添加展开和收起的事件监听，实现方式

    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main_menu, menu);
        MenuItem searchitem = menu.findItem(R.id.action_search);
        SearchView searchView = (SearchView) searchitem.getActionView();
        MenuItemCompat.setOnActionExpandListener(searchitem, new MenuItemCompat.OnActionExpandListener() {
            @Override
            public boolean onMenuItemActionExpand(MenuItem item) {
                Snackbar.make(rootlayout, " onMenuItemActionExpand ", Snackbar.LENGTH_SHORT).show();
                return true;
            }

            @Override
            public boolean onMenuItemActionCollapse(MenuItem item) {
                Snackbar.make(rootlayout, " onMenuItemActionCollapse ", Snackbar.LENGTH_SHORT).show();
                return true;
            }
        });
        return true;
    }

拿到searchItem之后，执行
MenuItemCompat.setOnActionExpandListener(searchitem, new MenuItemCompat.OnActionExpandListener() )；

–效果图–
技术分享

使用ActionProviderClass

menu文件中使用

<item android:title="Share"
    android:actionProviderClass="android.widget.ShareActionProvider"
    android:orderInCategory="100"
    app:showAsAction="always"
    />

类似的方式获取ActionProvider

MenuItem shareItem = menu.findItem(R.id.action_share);
ShareActionProvider mShareActionProvider = (ShareActionProvider)
                MenuItemCompat.getActionProvider(shareItem);
mShareActionProvider.setShareIntent(……);

针对ActionProvider可以实现自定义的ActionProvider，继承基础类ActionProvider

ActionBar导航

启用ActionBar图标导航的功能，可以允许用户根据当前应用的位置来在不同界面之间切换。比如，A界面展示了一个列表，点击某一项之后进入了B界面，这时B界面就应该启用ActionBar图标导航功能，这样就可以回到A界面。
我们可以通过调用setDisplayHomeAsUpEnabled()方法来启用ActionBar图标导航功能

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

此时ActionBar左侧会出现一个返回的按钮
技术分享

针对这返回按钮的事件响应还是在public boolean onOptionsItemSelected(MenuItem item) 方法中实现，它有一个固定的资源Id—- android.R.id.home 

case android.R.id.home:
     finish();
     break;

简单的执行下和返回键相同的操作。结束当前activity

实现Activity之间的快速切换
新建一个ParentActivity.java

package mraz.com.actionbardemo;

import android.content.Context;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class ParentActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_parent);

        final Context mContext = this;
        TextView textView = (TextView) findViewById(R.id.tv_parent);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent();
                intent.setClass(mContext , MainActivity.class);
                startActivity(intent);
            }
        });
    }
}

AndroidManifest.xml文件中做如下修改


    <application
        ……>
        <activity android:name=".ParentActivity">

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity android:name=".MainActivity"
            android:parentActivityName="mraz.com.actionbardemo.ParentActivity">
        </activity>

    </application>

这一句很关键
android:parentActivityName=”mraz.com.actionbardemo.ParentActivity”>
设置父Activity的名称，ParentActivity为启动Activity同时是MainActivity的父Activity
然后在MainActivity中针对这个返回按钮做一下处理，不再是简单的结束掉当前的这个Activity了，需要做出对应的导航的处理逻辑

 case android.R.id.home:
     Intent upIntent = NavUtils.getParentActivityIntent(this);
     if (NavUtils.shouldUpRecreateTask(this, upIntent)) {
         TaskStackBuilder.create(this)
                         .addNextIntentWithParentStack(upIntent)
                         .startActivities();
         } else {
             upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
             NavUtils.navigateUpTo(this, upIntent);
         }
     break;

其中，调用NavUtils.getParentActivityIntent()方法可以获取到跳转至父Activity的Intent，然后如果父Activity和当前Activity是在同一个Task中的，则直接调用navigateUpTo()方法进行跳转，如果不是在同一个Task中的，则需要借助TaskStackBuilder来创建一个新的Task。
这样，就按照标准的规范成功实现ActionBar导航的功能了。

–效果图–

技术分享

<Android 基础（六）> ActionBar

标签：

原文地址：http://blog.csdn.net/poorkick/article/details/51738117
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！