在5.0之前,android有actionbar,做为标题栏,随着material design的到来,toobar作为actionbar的替代品出产了。
首先介绍下toobar的样式吧看下图
是的,基本就是这个样式,做到这个样式,需要简单的几步
1 去掉标题栏
只要在activity的theme中引入下面的代码了,
<item name="windowNoTitle">true</item><!--app中标题栏不显示-->
<item name="android:windowNoTitle">true</item>
<item name="windowActionBar">false</item><!--xml的视图中标题栏不显示-->
<item name="android:windowActionBar">false</item>
2布局中使用v7的Toobar
布局代码
<android.support.v7.widget.Toolbar
android:id="@+id/toobar"
android:layout_width="match_parent"
android:layout_height="?actionBarSize"
android:background="?attr/colorPrimary"
android:subtitle="subtitle"
app:logo="@mipmap/ic_launcher"
app:navigationIcon="@drawable/ic_back"
app:title="title"
app:titleMarginStart="30dp"
>
logo 下面的机器人,navigationIcon左边的箭头,title文字,
⚠️,这边的这个属性的前缀都是app,而不是android,当然,这些属性效果也是可以通过java代码生成的,也给下代码吧
toobar = (Toolbar) findViewById(R.id.toobar);
//这些可以在代码中设置,也可以在其他的地方设置
//toobar.setTitle("title");
//有人说setNavigationIcon需要放在 setSupportActionBar之后才会生效,我试了都可以
//toobar.setNavigationIcon(R.drawable.ic_back);
//toobar.setLogo(R.mipmap.ic_launcher);
//toobar.setSubtitle("subtitle");//这个是设置副标题,这个图里面没有用到
//setSupportActionBar(toobar);
对应的样式
对了这里说下左边箭头的点击的事件监听
//左边按钮点击的反应
toobar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ToobarActivity.this,"点击",Toast.LENGTH_SHORT).show();
}
});
3右边menu的设置
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
>
<item android:id="@+id/action_edit"
android:title="编写"
android:orderInCategory="80"
android:icon="@drawable/ic_menu_write"
app:showAsAction="ifRoom" />
<item android:id="@+id/action_share"
android:title="分享"
android:orderInCategory="90"
android:icon="@drawable/ic_meau_share"
app:showAsAction="ifRoom" />
<!--给最右边的设置图片的话Apptheme中
<item name="android:src">@mipmap/ic_menu_more_overflow</item>-->
<item android:id="@+id/action_settings"
android:title="不知道"
android:icon="@drawable/ic_menu_right"
android:orderInCategory="100"
app:showAsAction="never"/>
<item android:id="@+id/action_settingso"
android:title="不知道2"
android:icon="@drawable/ic_menu_right"
android:orderInCategory="100"
app:showAsAction="never">
</item>
</menu>
接来就是重点 toobar和menu建立联系
toobar.inflateMenu(R.menu.menu);
然后就是对事件的监听了
toobar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
String msg = "";
switch (item.getItemId()) {
case R.id.action_edit:
msg += "Click edit";
break;
case R.id.action_share:
msg += "Click share";
break;
case R.id.action_settings:
msg += "Click setting";
break;
}
if(!msg.equals("")) {
Toast.makeText(ToobarActivity.this, msg, Toast.LENGTH_SHORT).show();
}
return true;
}
});
ok,整个就完成了开始的效果了。
toolbar提供的上面的一些方法外,还提供了一些其他的api供我们对这些title等属性进行控制
使用起来是挺方便的,不过在中国这个国内的市场来看,这里面还是缺少了一些属性,比如下面的
让Toobar中的title字体居中显示
这个时候特么就尴尬了,你找遍api发现没有。why?我的猜测可能是因为这个还是比较针对国外的app的,所以就让我们有一些“妈卖批”了