Toolbar

---

title: Toolbar
date: 2017-04-09 01:08:17
tags: 学习
categories: android

---

[TOC]

Toolbar

介绍

从Android L开始，Android官方为我们提供了一个新的工具栏Toolbar,这个工具栏代替了以前不好用的ActionBar.

我自己从来没有用过这个，但是看到其他人使用Toolbar搭配Meterial Design实现各种好看的效果，忍不住心动想学一下。

从官方文档中发现，Toolbar具有以下各种能力：

• 一个导航按钮：返回、切换、导航等各种功能的一个按钮
• 一个logo图片：可以任意设置宽高的logo图片
• 标题和副标题：
• 一个或多个自定义View
• 菜单按钮

综上所述，这个Toolbar已经完全符合我们对工具栏的大部分要求了

最简单的Toolbar

要使用toolbar

1. 导入最新的V7包
2. 继承AppCompatActivity或者使用AppCompatDelegate.
3. 设置heme.AppCompat系列的主题，必须取消系统默认的ActionBar

xml配置，通过标签添加到你的布局中去

java:设置当前toolbar代替ActionBar。经过这一步的设置，最明显的是你可以看到系统默认会把当前APPName显示在工具栏上。这样设置以后你可以可以通过getSupportActionBar去直接获取。这一步必须要有

toolbar = (Toolbar) findViewById(R.id.tool_bar);
setSupportActionBar(toolbar);

更多样式

设置导航按钮

1. 在子Activity开启导航功能

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

2. 设置导航按钮图片

我通过样式设置，也可以直接通过代码设置

3. 其他样式

• contentInsetStartWithNavigation 设置到标题间的距离

4. 事件监听

注意：一定要放在setSupportActionBar方法之后设置

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {

}
});

5. 如何不显示

调用getSupportActionBar().setDisplayShowTitleEnabled(false);即可不显示标题

标题和副标题

1. 可以通过xml 和 java代码设置

2. 其他设置

   
   
   image

logo图片

1. 设置

菜单按钮

1. 建立res/menu/menu_base.xml

注意，android:showAsAction会报错，这个不需要管，主要是为了解决在一些手机中图标不显示的问题

2. 在Activity中监听事件
   注意：一定要放在setSupportActionBar方法之后设置

toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
Toast.makeText(BaseActivity.this, "点击的菜单", Toast.LENGTH_SHORT).show();
return true;
}
});

3. 重写Activity的onCreateOptionsMenu方法

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

自定义View

主要的自定义方式，就是把Toolbar当做一个最简单的ViewGroup去使用。常用到需要自定义的地方如:居中的标题显示

image