Android中的工具栏（ActionBar和ToolBar）

ActionBar和ToolBar

Action Bar是Android 3.0引入的导航栏功能，然而到5.0的时候，又推出了ToolBar，实际上这两个可以理解为同一个东西，ToolBar是对ActionBar的升级，使用起来也基本是一样的。只是因为ActionBar在实际使用过程中的各种问题，才推出了ToolBar来接替ActionBar。ActionBar通常翻译为操作栏，而到了ToolBar则翻译为工具栏，这里我们统称为工具栏。

添加和隐藏工具栏

在Toolbar引入之前，添加ActionBar是通过Theme来实现的，在Manifest文件中指定Application或者Activity的Theme为Theme.Holo或者它的子类，运行以后ActionBar会自动添加进来。移除ActionBar也可以通过指定theme的方式，设置为Theme.Holo.NoActionBar。或者使用动态方式，先获取到ActionBar，然后设置隐藏

ActionBar actionBar = getActionBar();  
actionBar.hide();

ToolBar的引入之后，Android已经不推荐我们这么操作了。应该采用ToolBar的方式来管理工具栏

为了能更好的向下兼容，官方推荐我们使用 v7 appcompat 来添加和管理ToolBar。添加ToolBar的步骤如下：

按照支持库设置中所述向您的项目添加 v7 appcompat 支持库。
确保 Activity 可以扩展 AppCompatActivity：

public class MyActivity extends AppCompatActivity {
  // ...
}

注：请为您应用中每个使用 Toolbar 作为应用栏的 Activity 进行此更改。

在应用清单中，将元素设置为使用 appcompat 的其中一个 NoActionBar 主题。使用这些主题中的一个可以防止应用使用原生 ActionBar 类提供应用栏。例如：

到这里为止，所做的工作是确保Activity中不包含默认的ActionBar，否则会引起崩溃。如果想保留theme，而这个theme又是包含ActionBar的，可以在Activity中调用requestWindowFeature(Window.FEATURE_NO_TITLE);，如果是继承在AppCompatActivity，调用supportRequestWindowFeature(Window.FEATURE_NO_TITLE)，这样就可以去掉theme中自带的ActionBar了

向 Activity 的布局添加一个 Toolbar。例如，以下布局代码可以添加一个 Toolbar 并赋予其浮动在 Activity 之上的外观：

< android.support.v7.widget.Toolbar
   android:id="@+id/my_toolbar"
   android:layout_width="match_parent"
   android:layout_height="?attr/actionBarSize"
   android:background="?attr/colorPrimary"
   android:elevation="4dp"
   android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
   app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

Material Design 规范建议应用栏具有 4 dp 的仰角。

将工具栏定位在 Activity 布局的顶部，因为您要使用它作为应用栏。

在 Activity 的 onCreate() 方法中，调用 Activity 的 setSupportActionBar() 方法，然后传递 Activity 的工具栏。该方法会将工具栏设置为 Activity 的应用栏。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);
    Toolbar myToolbar = (Toolbar) findViewById(R.id.my_toolbar);
    setSupportActionBar(myToolbar);
    ActionBar actionBar = getSupportActionBar();
    actionBar.hide();
    }

设置好ToolBar之后，如果想对他进行操作，再使用getSupportActionBar获取到ActionBar对象，就可以按照ActionBar的操作方式来管理工具栏了

可以看出来，ToolBar可以作为一个UI单元，可以很方便的对每个Activity进行单独设定管理，不再像ActionBar一样，只能通过主题来管理。当然，如果对工具栏要求不高，仍然可以使用主题来指定ActionBar，但是要注意，如果你的Activity继承自AppCompatActivity，使用的主题应该是Theme.AppCompat.，如果直接继承自Activity，用Theme.AppCompat.是不起作用的！

管理工具栏

一个完整的工具栏主要组成部分如下：

ActionBar

现在我们来依次看一下各个部分是怎样设置的

Navigation

这是工具栏的层级导航功能，类似于按下Back键，但是，与Back键不同，这里需要我们指定返回的Activity。在Manifest文件里设置：

这样，层级导航的功能设置就完成了。当然还需要设置Navigation，如果不想使用默认的导航图标，也可以自己在layout文件中指定：

app:navigationIcon="@drawable/ic_action_nav"

注意：使用ToolBar的时候，如果在Layout文件中没有设置NavigationIcon，工具栏是不会显示Navigation按键的。如果不想自定义图标，可以在获取到ActionBar对象之后，设置actionBar.setDisplayHomeAsUpEnabled(true)来启用Navigation功能，这样就可以使用系统自带的图标了。如果我们使用是ActionBar主题，Navigation功能默认是启用的，设置parentActivity就可以了
Navigation返回的Activity并不是返回栈里存在的实例，而是重新创建的Activity，也就是说，之前Activity存在的状态，从Navigation返回之后，并不会保存下来

Logo和Title

这两项的设置非常简单，可以在layout文件中设置，也可以在代码中对ActionBar对象进行设置，就不再介绍了。
Menu

在工具栏上可以设置多个按钮，Menu就是由这些按钮组成的。
要在工具栏上添加按键，需要先指定Menu文件，menu文件需要定义在res/menu文件夹下(toolbar_menu.xml)：

注意，因为例子中使用是v7支持库，需要使用app命名空间。如果不使用支持库可以直接使用android。app:showAsAction指定了按键的显示方式。因为工具栏空间相对有限，我们可指定按键的显示方式，never表示总在overflow menu中显示，always表示总在工具栏显示，ifRoom表示空间足够则显示在工具栏上，withText表示空间足够的时候显示Title，也可以用组合的方式：ifRoom|withTitle

Menu定义好之后，在Activity中添加并引用它：

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.toobar_menu,menu);
        return super.onCreateOptionsMenu(menu);
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.add_item:
                Toast.makeText(this,"Add button clicked",Toast.LENGTH_SHORT).show();
                break;
            case R.id.remo_item:
                Toast.makeText(this,"Add button clicked",Toast.LENGTH_SHORT).show();
                break;
            case R.id.more_item:
                Toast.makeText(this,"Add button clicked",Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }

这里是在Activity中直接加载menu，如果是Fragment中使用，会有所不同。Fragment中必须设置setHasOptionsMenu(true)，它用来通知FragmentManager，当前Fragment需要调用onCreateOptionsMenu方法。

Navigation和Menu的关系

实际上Navigation也属于menu，它的id是android.R.id.home，可以在onOptionsItemSelected中对它进行监听

public boolean onOptionsItemSelected(MenuItem item) {  
    switch (item.getItemId()) {  
    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);  
        }  
        return true;  
        ......  
    }  
}

调用NavUtils.getParentActivityIntent()方法可以获取到跳转至父Activity的Intent，然后如果父Activity和当前Activity是在同一个Task中的，则直接调用navigateUpTo()方法进行跳转，如果不是在同一个Task中的，则需要借助TaskStackBuilder来创建一个新的Task。

OverFlow按钮显示图标

overflow中的按钮默认是不显示图标的，它由MenuBuilder这个类的setOptionalIconsVisible方法来决定，如果我们在overflow被展开的时候给这个方法传入true，那么里面的每一个Action按钮对应的图标就都会显示出来了。

@Override  
public boolean onMenuOpened(int featureId, Menu menu) {  
    if (featureId == Window.FEATURE_ACTION_BAR && menu != null) {  
        if (menu.getClass().getSimpleName().equals("MenuBuilder")) {  
            try {  
                Method m = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);  
                m.setAccessible(true);  
                m.invoke(menu, true);  
            } catch (Exception e) {  
            }  
        }  
    }  
    return super.onMenuOpened(featureId, menu);  
}

Android中的工具栏（ActionBar和ToolBar）

ActionBar和ToolBar

添加和隐藏工具栏

管理工具栏

OverFlow按钮显示图标

你可能感兴趣的:(Android中的工具栏（ActionBar和ToolBar）)