简介
先看下 Toolbar 文档：
Toolbar
从其文档中可以看出，Toolbar 是一个ViewGroup，因此其内部可以添加其他子View。
对于 ActionBar 来说，它是固定在 Activity 装饰栏处，无法更改，而 Toolbar 灵活性更高，它可以放置于视图层任意位置；如果应用想把 Toolbar 作为 ActionBar 使用，需要调用 setSupportActionBar() 方法。
Color Palette（调色板）
如果说想把 Toolbar 作为 ActionBar 使用，那么可以先了解一下 Color Palette，如下图所示：
Color Palette
因此，如果我们想修改应用导航栏，状态栏或者上图所示其他位置颜色样式，只需修改res/values/styles.xml
<resources>
<!-- Base application theme. -->
<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>
</resources>
使用 Toolbar
<!-- hide actionbar -->
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
当然，也可以通过代码或其他方式进行 ActionBar 隐藏。
- 布局添加 Toolbar：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:background="?attr/colorPrimary" />
</LinearLayout>
一般想将 Toolbar 作为 Action Bar 使用时，建议增加如下两个属性配置：
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
- 代码设置 Toolbar：
public class ToolbarActivity extends AppCompatActivity {
private Toolbar mToolbar;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_toolbar);
this.mToolbar = this.findViewById(R.id.toolbar);
this.mToolbar.setTitle("Title");
this.mToolbar.setSubtitle("subTitle");
this.mToolbar.setLogo(R.mipmap.ic_launcher_round);
//Set a Toolbar to act as the ActionBar for this Activity window
this.setSupportActionBar(this.mToolbar);
}
}
结果：
Toolbar
以上，就是 Toolbar 最简单的使用方法。
Toolbar 进阶使用
- 为 Toolbar 增加菜单：
- 定义 menu XML：
创建一个新的资源文件：/res/menu/menu_toolbar.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/action1"
android:title="Action 1"
app:showAsAction="ifRoom"/> //有空余控件，则直接显示
<item
android:id="@+id/action2"
android:title="Action 2"
app:showAsAction="never"/> // 始终隐藏菜单
</menu>
- 覆写
Activity两个回调方法：onCreateOptionsMenu，onOptionsItemSelected
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = this.getMenuInflater();
inflater.inflate(R.menu.menu_toolbar, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action1:
Log.d(TAG, "Action 1 selected");
return true;
case R.id.action2:
Log.d(TAG, "Action 2 selected");
return true;
default:
return super.onOptionsItemSelected(item);
}
}
下面我们就简单进行一个自定义 Toolbar 操作：
- 首先，修改布局文件如下：
<?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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
<CheckBox
android:id="@+id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New CheckBox" />
</android.support.v7.widget.Toolbar>
</LinearLayout>
- 然后，隐藏 Toolbar 的 logo 和 title：
//hide logo
this.getSupportActionBar().setDisplayUseLogoEnabled(false);
//hide title
this.getSupportActionBar().setDisplayShowTitleEnabled(false);
结果：
Custom Toolbar
