1 概述
Android ToolBar是Google在Android L提出来的,主要用于代替3.0的ActionBar
2 说明
根据官方的说法,ToolBar有两种使用方法:一种是做为ActionBar使用,一种是单独使用
3 使用
1.因为要兼容5.0之前的设备,所以我们要使用v7包下的ToolBar,首先依赖V7包:
compile'com.android.support:appcompat-v7:25+'
2.去掉ActionBar,在style里面改:
<style name = "AppTheme' parent="Theme.AppCompat.Light.NoActionBar"></style>
3.创建一个ToolBar并设置一个背景
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:background="@color/colorPrimary"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
4.获取ToolBar
toolbar = (Toolbar) findViewById(R.id.toolbar);
//设置成actionbar
setSupportActionBar(toolbar);
5.现在应该是这个样子的:
6.如何使用?
这时候再使用toolbar.setXXX有可能会失败,比如先设置个标题:
//设置标题
toolbar.setTitle("标题");
这时候会发现他并没有变化,仍然是之前的样子,继续:
//设置副标题
toolbar.setSubtitle("副标题");
toolbar.setSubtitleTextColor(Color.WHITE);
这时候变成了:
这个属性是管用的,继续:
//设置标题
toolbar.setTitle("标题");
//设置标题颜色
toolbar.setTitleTextColor(Color.WHITE);
//设置副标题
toolbar.setSubtitle("副标题");
//设置副标题颜色
toolbar.setSubtitleTextColor(Color.WHITE);
//设置logo
toolbar.setLogo(R.mipmap.ic_launcher_round);
//设置返回图标
toolbar.setNavigationIcon(R.drawable.ic_arrow_back_black_24dp);
//返回事件
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
//设置菜单
toolbar.inflateMenu(R.menu.menu);
这时候变成了:
发现大多数属性是可以用的,但是有些属性,比如menu并没有设置成功,所以,当设置成ActionBar的时候,应该这样使用:
ActionBar actionBar = getSupportActionBar();
//设置标题
actionBar.setTitle("标题");
//设置副标题
actionBar.setSubtitle("副标题");
//设置logo
actionBar.setLogo(R.mipmap.ic_launcher_round);
//显示返回按钮
actionBar.setDisplayHomeAsUpEnabled(true);
//设置返回按钮图片
actionBar.setHomeAsUpIndicator(R.drawable.ic_arrow_back_black_24dp);
这时候应该是:
而返回按钮的点击事件应该这样:
// 重写
@Override
public boolean onCreateOptionsMenu(Menu menu) {
return true;
}
//重写
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
finish();
break;
}
return super.onOptionsItemSelected(item);
}
ActionBar是无法设置标题颜色的,所以最好的使用方法应该是这样:
toolbar = (Toolbar) findViewById(R.id.toolbar);
//设置标题
toolbar.setTitle("标题");
//设置标题颜色
toolbar.setTitleTextColor(Color.WHITE);
//设置副标题
toolbar.setSubtitle("副标题");
//设置副标题颜色
toolbar.setSubtitleTextColor(Color.WHITE);
//写在设置标题的后边
//设置成actionbar
setSupportActionBar(toolbar);
//设置logo
toolbar.setLogo(R.mipmap.ic_launcher_round);
//设置返回图标
toolbar.setNavigationIcon(R.drawable.ic_arrow_back_black_24dp);
//返回事件
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
这时候是:
添加Menu
创建一个menu
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/search"
android:title="搜索"
android:icon="@drawable/ic_search_black_24dp"
app:showAsAction="always"/>
<item
android:id="@+id/edit"
android:title="编辑"
android:icon="@drawable/ic_edit_black_24dp"/>
<item
android:id="@+id/contacts"
app:showAsAction="ifRoom"
android:title="联系人"
android:icon="@drawable/ic_account_box_black_24dp"/>
</menu>
加载menu:
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()){
case R.id.search:
Toast.makeText(this,"搜索",Toast.LENGTH_SHORT).show();
break;
case R.id.contacts:
Toast.makeText(this,"联系人",Toast.LENGTH_SHORT).show();
break;
case R.id.edit:
Toast.makeText(this,"编辑",Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(item);
}
这时候就变成了
OK,就是这样了~~~
