Toolbar的使用（一）

在5.0之前谷歌规范了顶部导航—ActionBar（3.0API，也有兼容包） 后来：ActionBar开发起来很蛋疼（1.用来比较费劲；2.扩展性太差 太死板），后来对ActionBar改了改就有了Toolbar，现在为了符合Meterial Design，又进化成了Appbar，这个我之后再说。

Toolbar的使用步骤如下，这里只是简单用一下，更多用法可查阅文档。我们先看最终的效果：

一：修改应用的主题

我们可以找到清单文件， android:theme=”@style/AppTheme”，点进去修改。 将本来的父主题改成没有ActionBar的主题，只要主题最后是以NoActionBar结尾就好，这里我们可以看到主题里面的三个元素，colorPrimary表示Toolbar的主题的颜色，colorPrimaryDark表示状态栏的颜色，cplorAccent更多的表示强调的意思，一些控件的选中状态也会用它来表示。

二：在布局文件中引用，布局文件如下:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/tooltar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" app:logo="@mipmap/ic_launcher" app:navigationIcon="@android:drawable/sym_action_call" app:popupTheme="@style/Platform.ThemeOverlay.AppCompat.Dark" app:subtitle="子标题" app:title="主标题" app:titleTextColor="@android:color/holo_blue_dark" /> </LinearLayout>

这里解释一下几种属性的意义：

android:background=”?attr/colorPrimary” 表示我们引用系统的属性来作为背景，和style文件中的colorPrimary对应

app:logo=”@mipmap/ic_launcher” 你想让Toolbar显示什么logo

app:navigationIcon=”@android:drawable/sym_action_call” logo左侧显示的图标，一般是返回按钮，这里我搞的是一个打电话的图标

app:popupTheme=”@style/Platform.ThemeOverlay.AppCompat.Dark” app:popupTheme它表示的是当我们按下Toolbar右边的三个点时的主题，Dark黑底白字；Light白底黑字

app:title 和app:subtitle比较好理解，主标题和子标题，

app:titleTextColor表示标题的颜色

三：在代码中使用Toolbar替换ActionBar

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

四：ToolBar上的按钮及其点击事件

4.1 navigation即导航按钮的点击事件

//这个按钮其实就是Toolbar的logo左侧的按钮 toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "Navigation has been clicked", Toast.LENGTH_SHORT).show(); } });

4.2 、action按钮的点击事件

4.2.1：我们要先将menu做好

action按钮就是menu提供的按钮，在res下新建menu文件夹，并定义好根节点为menu的资源文件 定义的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"> <item android:id="@+id/backUp" android:title="Backup" android:icon="@drawable/ic_backup" app:showAsAction="always" /> <item android:id="@+id/delete" android:title="delete" android:icon="@drawable/ic_delete" app:showAsAction="ifRoom" /> <item android:id="@+id/setting" android:title="setting" android:icon="@drawable/ic_settings" app:showAsAction="never" /> </menu>

我们通过标签来定义action按钮，id用来指定按钮的id，android：icon来指定按钮的图标，android:tittle用来指定按钮的文字，app:showAsAction来指定按钮显示的位置，always表示永远显示再Toolbar中，inRoom表示空间足够的情况下显示，never表示显示再右侧的三个点对应的菜单中。显示在Toolbar中的按钮只显示图标，显示在菜单中的只显示文字。

4.2.2：加载menu并处理各个按钮中的点击事件

@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.toolbar, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.backUp: Toast.makeText(MainActivity.this, "backUp has been clicked", Toast.LENGTH_SHORT).show(); break; case R.id.delete: Toast.makeText(MainActivity.this, "delete has been clicked", Toast.LENGTH_SHORT).show(); break; case R.id.setting: Toast.makeText(MainActivity.this, "setting has been clicked", Toast.LENGTH_SHORT).show(); break; } return super.onOptionsItemSelected(item); }

到这里我们的Toolbar就完结了，它的更多用法我们之后再说。 完整代码如下：

public class MainActivity extends AppCompatActivity { Toolbar toolbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); toolbar = (Toolbar) findViewById(R.id.tooltar); setSupportActionBar(toolbar); toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "Navigation has been clicked", Toast.LENGTH_SHORT).show(); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.toolbar, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.backUp: Toast.makeText(MainActivity.this, "backUp has been clicked", Toast.LENGTH_SHORT).show(); break; case R.id.delete: Toast.makeText(MainActivity.this, "delete has been clicked", Toast.LENGTH_SHORT).show(); break; case R.id.setting: Toast.makeText(MainActivity.this, "setting has been clicked", Toast.LENGTH_SHORT).show(); break; } return super.onOptionsItemSelected(item); } }