ToolBar

Toolbar是个什么东西？
看官方文档（神器😁），不懂英语，咱有google

• A navigation button. 一个导航按钮。
• A branded logo image.一个logo图片
• A title and subtitle. 标题和副标题
• One or more custom views. 一个或多个自定义视图
• An action menu. 一个操作菜单

ToolBar的常用方法

设置主题 为 没有actionBar，

<style name="Theme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/color13</item>
        <item name="colorPrimaryDark">@color/color14</item>
        <item name="colorAccent">@color/colorAccentBlack</item>
        <item name="android:windowBackground">@color/colorAccentBlack</item>

    </style>

1. 导航按钮（返回键）

app:navigationIcon="@drawable/abc_vector_test"
//或者
toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.abc_vector_test));
toolbar.setNavigationOnClickListener(this);

2. logo图标

app:logo="@drawable/ic_action_name"
//或者
toolbar.setLogo(getResources().getDrawable(R.drawable.abc_vector_test));

3. 标题和副标题

		app:title="TB标题"  //设置内容
        app:titleTextColor="#000000"  //设置字体颜色
        app:titleTextAppearance="@style/TitleTextStyle"  //设置字体大小
        // app:titleMargin="" 系列的 控制 title的位置
 	<style name="TitleTextStyle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor"> #ffaadd</item>  //设置字体大小，如果设置了app:titleTextColor，此处就无效
        <item name="android:textSize">10sp</item>  //设置字体大小
    </style>
   // 副标题也是一样，app:subtitle，就不说了，
    app:subtitle="@string/app_name"
  

完整代码

 <androidx.appcompat.widget.Toolbar
        android:id="@+id/tb"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"  //和系统actionbar同高
        app:layout_constraintTop_toTopOf="parent"
        android:background="@color/colorPrimaryDark"   //设置背景颜色，使用状态栏背景色
        app:navigationIcon="@drawable/abc_vector_test"//导航按钮，返回按钮
        app:logo="@drawable/ic_action_name" //logo
        app:title="TB标题"   //标题内容
        app:titleTextColor="#000000"//标题颜色
        app:titleTextAppearance="@style/TitleTextStyle"//标题字体大小和颜色
        app:subtitle="@string/app_name"//副标题
        >
java：
        toolbar = findViewById(R.id.tb);
        toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.abc_vector_test));
        toolbar.setNavigationOnClickListener(this);
        toolbar.setLogo(getResources().getDrawable(R.drawable.abc_vector_test));
style :
	<style name="TitleTextStyle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor"> #ffaadd</item>
        <item name="android:textSize">10sp</item>

    </style>

4. 自定义视图

我是直接把toolbar当线性布局来用，例如：

<androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar02"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        app:layout_constraintTop_toBottomOf="@id/toolbar"
        android:background="@color/colorPrimaryDark"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我是自定义的"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我是自定义的sss"/>
    </androidx.appcompat.widget.Toolbar>

6. menu

   1. 创建menu，如何创建menu文件

<?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">

    <item android:id="@+id/item01"
        android:title="测试1 "
        android:icon="@drawable/ic_stat_name"
        app:showAsAction="never"/>
    <item android:id="@+id/item02"
        android:title="测试2 "
        android:icon="@drawable/ic_stat_name"
        app:showAsAction="never"/>
    <item android:id="@+id/item03"
        android:title="测试3 "
        android:icon="@drawable/ic_stat_name"
        app:showAsAction="never"/>
    <item android:id="@+id/item04"
        android:title="测试4 "
        android:icon="@drawable/ic_stat_name"
        app:showAsAction="never"/>

</menu>
 app:showAsAction="never"这个属性 用来控制这个item会不会在toolBar上直接显示，常用的有三个属性值
 never： 从不
 always：总是显示
 ifRoom：如果有空闲的位置就显示

2. 显示menu，加载menu文件 有两种方式，不要混合使用
   一、需要actionbar特性的时候，重写方法，onCreateOptionsMenu，然后设置setSupportActionBar(toolbar);

    //重写方法，onCreateOptionsMenu，
	@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main_menu,menu);
        return super.onCreateOptionsMenu(menu);
    }
    //然后设置setSupportActionBar(toolbar);
	setSupportActionBar(toolbar);

二、不用actionbar特性，不设置setSupportActionBar，直接加载

 toolbar.inflateMenu(R.menu.main_menu);

3. menu的一些基本设置

toolbar.setOverflowIcon(getResources().getDrawable(R.drawable.ic_action_name,null));

设置溢出窗口的item事件

toolbar.setOnMenuItemClickListener(this);

让溢出窗口在toolbar的下方

在style中 设置"overlapAnchor" false，然后设置app:popupTheme

app:popupTheme="@style/ToolbarPopupTheme"
	<style name="ToolbarPopupTheme" >
        <item name="overlapAnchor">false</item>  <!--把该属性改为false即可使menu位置位于toolbar之下-->
    </style>

溢出窗口的背景色

<style name="ToolbarPopupTheme" >
        <!--<item name="android:colorBackground">#000000</item>--> <!--这里可以改变菜单的背景色-->
        <item name="overlapAnchor">false</item>  <!--把该属性改为false即可使menu位置位于toolbar之下-->
        <item name="android:colorBackground">@color/color02</item><!--修改popup的背景色-->
    </style>

其他参考 ：
Toolbar上动态显示Menu
ToolBar使用心得
android：ToolBar详解（手把手教程)
Toolbar的详细介绍和自定义Toolbar