Android ToolBar 用法总结

题外话

这两天也是为宝宝的离婚操碎了心,微博热度42亿多。一开始就觉得马蓉这人城府太深,但并没有怎么注意过她,后来毕竟已经结婚生子这么久了,心想估计是自己看错了,谁知道结婚这么久就没老实过,真心的心疼宝强啊,农村出来的走到这一步真的不容易,奈何最亲近的人在后面捅刀子。世事无常,娱乐圈真的是太乱了。但是无论如何,不管怎样,我都跟宝宝一样,不能容忍女人的背叛。祝福宝宝。

什么是ToolBar

首先,ToolBar是谷歌在5.0版本时推出的一个新的布局控件,目的是为了替代不怎么好用的ActionBar的,ActionBar的不好用,本人是有体会的,谷歌的官方认为(实际上也是这样的),ActionBar在某些程度上限制了Android App开发与设计的弹性

其次,谷歌为了保持移动端App界面的一致性体验,推出了Material Design设计风格,ToolBar就是其中的一个组件。而且,在标题栏这块,谷歌也给出了新的概念--App Bar。

最后,谷歌也早就不推荐(废弃)使用ActionBarActivity了,所以,再做新东西的时候就别再创建一个继承自ActionBarActivity的Activity了,强迫症患者是绝对不允许代码中有删除线的。当然,很多小伙伴早就ToolBar撸起来了,不用多说,公司的新项目也是上的ToolBar,这里做个用法的总结。

如何使用ToolBar

引用兼容包

要开始使用ToolBar首先要做的是引用相关的兼容包:

compile 'com.android.support:design:23.3.0'

也就是我们刚才说的Material Design设计风格的兼容包,如果你的APP支持的最低版本是5.0+,就不用使用兼容包了,直接就支持了。

当然,还有一个兼容包:

compile 'com.android.support:appcompat-v7:23.3.0'

因为我的Activity不是继承自ActionBarActivity,而是AppCompatActivity。

使用ToolBar

引用了上面的design兼容包后,就可以在xml布局文件里这样来使用了:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    toolBar:popupTheme="@style/Theme.ToolBar.Base"
    toolBar:logo="@drawable/main_ic_home_selected"
    toolBar:navigationIcon="@drawable/ic_launcher"
    toolBar:title="ToolBar"
    toolBar:subtitle="subTitle">

</android.support.v7.widget.Toolbar>

刚才说了,ToolBar是用来替换ActionBar的,如果我们的Activity继承自AppCompatActivity的话,默认是有ActionBar的,那么就会出现下面的情况:

两者都显示的情况

所以,如果在xml中使用了ToolBar来替代ActionBar的话,就要设置Activity的风格没有ActionBar,或者通过变通的方式实现。比如设置Theme:

<style name="AppTheme.Base" parent="Theme.AppCompat">
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
    <item name="windowNoTitle">true</item>
</style>

假设我们的整个App的页面都是使用ToolBar的话,可以定义一个AppTheme.Base,内容如上,去掉ActionBar。

然后在设置具体的Theme,比如:

<style name="AppTheme" parent="AppTheme.Base">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

这里的属性配置,分别决定了对应的内容的颜色,看下图:

ToolBar的颜色属性说明

接下来的使用就基本上跟其他控件一样了,需要在Activity中声明,然后findViewById,最后拿来使用。xml里面的属性,代码同样有对应的方法去设置,对于xml设置属性,需要注意一点:命名空间

xmlns:toolBar="http://schemas.android.com/apk/res-auto"

toolBar:popupTheme="@style/Theme.ToolBar.Base"
toolBar:logo="@drawable/main_ic_home_selected"
toolBar:navigationIcon="@drawable/ic_launcher"
toolBar:title="ToolBar"
toolBar:subtitle="subTitle">

使用android自带的命名空间设置对应的属性是不生效的,但是不会报错,其实你只要知道这个控件时在兼容包里的,不是sdk自带的,稍微注意一下就好了。

但是,在java代码中,关键的一点其实是

setSupportActionBar(toolbar);

这句代码,这句代码就把用toolbar代替ActionBar体现的非常具体了,一看就能明白是什么意思。要注意的是,ToolBar的有些方法必须要在这句话之前调用才能生效,比如setTitle,而有些方法则必须要在这句话之后调用才能生效,比如setOnMenuItemClickListener,具体哪些之前调用,哪些之后调用,哪些前后无所谓就需要自己去查API了。

另外,ToolBar也支持设置menu,实现方式跟使用ActionBar一样的,加载xml布局:

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

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    String msg = "";
    switch (item.getItemId()) {
        case R.id.action_edit:
            msg += "Click edit--111";
            break;
        case R.id.action_share:
            msg += "Click share--111";
            break;
        case R.id.action_settings:
            msg += "Click setting--111";
            break;
        case android.R.id.home:
            msg += "Click back--111";
            break;
    }

    if(!msg.equals("")) {
        Toast.makeText(HelloWorldActivity.this, msg, Toast.LENGTH_SHORT).show();
    }
    return true;
}

还有,ToolBar作为布局控件,可以作为容器在里面再加上自定义布局:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    toolBar:popupTheme="@style/Theme.ToolBar.Base"
    toolBar:logo="@drawable/main_ic_home_selected"
    toolBar:navigationIcon="@drawable/ic_launcher"
    toolBar:title="ToolBar"
    toolBar:subtitle="subTitle">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Custom TextView"/>
</android.support.v7.widget.Toolbar>

这种使用方式可以轻松的实现标题内容居中等自定义的样式,如果是使用ActionBar就麻烦了许多。而且ToolBar作为一个布局控件,可以把它布局到xml的任何位置,不只是头部,ActionBar是固定在头部的,这点跟ActionBar区别很大,用起来也更加灵活多变,但估计不会有人把ActionBar放到别的位置吧!!

ToolBar使用总结

以上基本上就是ToolBar的基本使用了,当然,ToolBar配合Material Design的其他元素使用,以及动画效果的修饰,使用起来还是挺好看的一种风格,个人比较推荐,我的博客项目也已经换上了ToolBar来实现了,需要具体代码的可以参考一下,有问题欢迎留言探讨。

最后是源码地址,如果觉得对您有帮助,并且想要一起提高Android开发技能的小伙伴能star一下,以后会继续在这个项目上添加新的内容,包括一些有用的工具类、各种控件、效果实现、设计模式的使用等等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,233评论 6 495
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,357评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,831评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,313评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,417评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,470评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,482评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,265评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,708评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,997评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,176评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,503评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,150评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,391评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,034评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,063评论 2 352

推荐阅读更多精彩内容