Android Toolbar的简单使用

本篇文章仅为个人学习记录;

Toolbar是android.support.v7包中的,所以需要导入appcompat-v7包;
在使用Toolbar时,需要隐藏掉原来的ActionBar,直接在主题中修改:

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">   </style>
或者
    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

1、创建布局

<?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"
    tools:context="com.sl.mydemo.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"      //背景
      />
</LinearLayout>

2、设置属性

        mToolbar = findViewById(R.id.toolbar);
        mToolbar.setTitle("测试标题");                 //设置标题  布局app:title
        mToolbar.setSubtitle("测试子标题");            //设置子标题  布局 app:subTitle
        mToolbar.setLogo(R.mipmap.ic_launcher);         //设置图标  布局 app:logo
        //设置标题和子标题颜色
        mToolbar.setTitleTextColor(Color.parseColor("#FFFFFF"));      //设置标题颜色  布局 app:titleTextColor
        mToolbar.setSubtitleTextColor(Color.parseColor("#FFFFFF"));    //设置子标题颜色  布局 app:subTitleTextColor
       //修改主标题的外观、颜色
        mToolbar.setTitleTextAppearance(this,R.style.Theme_Toolbar_Base_Title);  // 布局:app:titleTextAppearance
         mToolbar.setPopupTheme(R.style.PopupMenu);          //溢出菜单弹窗设置  布局 app:popupTheme
      mToolbar.setSubtitleTextAppearance(this,R.style.Theme_Toolbar_Base_Title);  //布局:app:subTitleTextAppearance
        //设置导航图标要在setSupportActionBar后
        setSupportActionBar(mToolbar);
        mToolbar.setNavigationIcon(android.R.drawable.ic_menu_myplaces);       //设置导航图标
//        getSupportActionBar().setDisplayHomeAsUpEnabled(true) ;                 //左侧按钮

3、使用到的样式

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

        <item name="android:textColorSecondary">#FFFFFF</item>      <!--菜单右上角更多图标的颜色-->

    </style>

    <!--Toolbar 标题字体大小颜色-->
    <style name="Theme.Toolbar.Base.Title" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">20dp</item>
        <item name="android:textColor">#FFFFFF</item>
    </style>
    <!--Toolbar 标题字体大小颜色-->
    <style name="Theme.Toolbar.Base.SubTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">14dp</item>
        <item name="android:textColor">#FFFFFF</item>
    </style>

    <!--溢出菜单颜色、背景、显示位置-->
    <style name="PopupMenu" parent="ThemeOverlay.AppCompat.Light">
        <item name="android:colorBackground">@color/colorAccent</item>
        <item name="android:textColor">#FFFFFF</item>
        <item name="overlapAnchor">false</item>
    </style>

4、添加菜单
定义res/menu/menu.main.xml文件

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
    <item android:id="@+id/action_search"
        android:title="搜索"
        android:icon="@android:drawable/ic_menu_search"
        app:showAsAction="ifRoom"/>
    <item android:id="@+id/action_notifications"
        android:title="通知"
        android:icon="@android:drawable/ic_notification_overlay"
        app:showAsAction="ifRoom"/>
    <item android:id="@+id/action_setting"
        android:title="设置"
        android:icon="@android:drawable/ic_menu_more"
        app:showAsAction="never"/>
    <!--app:showAsAction="if/never",app是自定义命名空间,因为Actiivyt是继承AppCompatActivity,是support
    v7包中的,不是原生的,所以不能使用android:showAction否则会报错。ifRoom表示有空间则显示,never表
    示从不显示,而是会通过overFlowwindow显示-->
</menu>

将menu布局添加到toolbar中:

//重写此方法,将菜单加载进ToolBar,如果没有Toolbar,菜单是加载不出来滴
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main,menu);
        return true;
    }

5、点击事件
左侧按钮点击事件

设置导航图标:mToolbar.setNavigationIcon(android.R.drawable.ic_menu_myplaces);       
原生显示左侧返回按钮图标:getSupportActionBar().setDisplayHomeAsUpEnabled(true) ;   
点击事件,在setSupportActionBar(mToolBar)后:
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case android.R.id.home:
                Snackbar.make(mToolbar,"左侧按钮",Snackbar.LENGTH_SHORT).show();
                break;
        }
        return true;
    }

菜单点击事件:

 //为菜单添加点击事件,需要在setSupportActionBar之后
        mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()){
                    case R.id.action_search:
                        Snackbar.make(mToolbar,"搜索",Snackbar.LENGTH_SHORT).show();
                        break;
                    case R.id.action_notifications:
                        Snackbar.make(mToolbar,"通知",Snackbar.LENGTH_SHORT).show();
                        break;
                    case R.id.action_setting:
                        Snackbar.make(mToolbar,"设置",Snackbar.LENGTH_SHORT).show();
                        break;
                }
                return true;       //返回true消费事件
            }
        });

6、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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.sl.mydemo.MainActivity">

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,997评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,710评论 2 59
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,389评论 0 17
  • 原文地址:http://www.android100.org/html/201606/06/241682.html...
    AFinalStone阅读 920评论 0 1
  • 别人的生活,就好像商店里的商品,若真由你挑,挑花眼也不满意。 所以,还是安心过自己的生活,别人的再好,也是别人的。...
    BabyAnt阅读 96评论 0 0