Toolbar上overflow的样式自定义详解

在toolbar的theme里修改样式。

<android.support.v7.widget.Toolbar
。。。
android:theme="@style/ToolbarColorBackArrow"
。。。>
</android.support.v7.widget.Toolbar>

替换overflow Button的三个小圆点的样式

则只需将toolbar的theme修改android:actionOverflowButtonStyle属性，如下：

<style name="ToolbarColorBackArrow" parent="AppTheme">
        <item name="android:actionOverflowButtonStyle">@style/OverflowButtonStyle</item>
</style>
<style name="OverflowButtonStyle" parent="Widget.AppCompat.ActionButton.Overflow">
        <item name="android:src">@mipmap/ic_action_me</item>
</style>

修改overflow Button的三个小圆点的颜色

更新：一个更好的解决办法：Android: Changing the Toolbar’s text color and overflow icon color

追溯系统默认的actionOverflowButtonStyle的style我们一路找到了Base.Widget.AppCompat.ActionButton.Overflow这里，属性如下（每个版本的sdk可能略有不同，比如v-21以上就增加了很多meterial的属性设置）：

<style name="Base.Widget.AppCompat.ActionButton.Overflow" parent="RtlUnderlay.Widget.AppCompat.ActionButton.Overflow">
        <item name="srcCompat">@drawable/abc_ic_menu_overflow_material</item>
        <item name="android:background">?attr/actionBarItemBackground</item>
        <item name="android:contentDescription">@string/abc_action_menu_overflow_description</item>
        <item name="android:minWidth">@dimen/abc_action_button_min_width_overflow_material</item>
        <item name="android:minHeight">@dimen/abc_action_button_min_height_material</item>
    </style>

接着往parent上找还有更多的属性设置，最最后的根style是Widget，可能所有控件的根都是这个吧，没有再详细去看

    <!-- Widget Styles -->
    <style name="Widget">
        <item name="textAppearance">?textAppearance</item>
    </style>

单纯控制系统三个小圆点的样式到Base.Widget.AppCompat.ActionButton.Overflow这里就够了，
所以我们自定义style over_flow用Base.Widget.AppCompat.ActionButton.Overflow做parent，接着我们看这里

<item name="srcCompat">@drawable/abc_ic_menu_overflow_material</item>

这个srcCompat就是三个小圆点的设置，接着看@drawable/abc_ic_menu_overflow_material，

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0"
        android:tint="?attr/colorControlNormal">
    <path
            android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2c-1.1,0 -2,0.9 -2,2S10.9,8 12,8zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,10 12,10zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,16 12,16z"
            android:fillColor="@android:color/white"/>
</vector>

vector和path相关知识传送门
VectorDrawable：适应不同分辨率的drawable资源
android:dataPath解析
，简单来说这个xml表示了一个矢量图，android:pathData是矢量图形状，android:fillColor是矢量图的填充颜色，
android:tint是矢量图前景色？。
好的，我们新建一个drawable文件ic_menu_overflow_setting_white，把abc_ic_menu_overflow_material中的东西copy过去，我们只是修改三个小圆点的颜色，所以pathData我们就不动了，大家可能也发现了我们有两个关于颜色的属性android:tint和android:fillColor，到底修改哪个呢？实验我发现tint会覆盖掉fillcolor的颜色，所以我理解的是tint是这个矢量图的前景色，会罩在矢量图上，两个属性，要一个就够了，所以我们的ic_menu_overflow_setting_white是：

<?xml version="1.0" encoding="utf-8"?>
    <vector xmlns:android="http://schemas.android.com/apk/res/android"
            android:width="24dp"
            android:height="24dp"
            android:viewportWidth="24.0"
            android:viewportHeight="24.0">
            <!--android:tint="@color/md_white_1000">-->
        <path
            android:fillColor="@color/md_white_1000"
            android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2c-1.1,0 -2,0.9 -2,2S10.9,8 12,8zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,10 12,10zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,16 12,16z"
            />
</vector>

然后将原来的
srcCompat属性值改成我们自定义的三个小白点的drawable文件，如下：

<item name="srcCompat">@drawable/ic_menu_overflow_setting_white</item>

完整源码如下（over_flow_poplist是overflow的弹出的ListPopupWindow的style属性，这里我们不再多说，方法一样，自己去看源码吧）：

    <style name="toolbar_Theme" parent="Theme.AppCompat.Light.NoActionBar">
        <!--三个小点-->
        <item name="actionOverflowButtonStyle">@style/over_flow</item>

        <item name="actionOverflowMenuStyle">@style/over_flow_poplist</item>
        <!--<item name="actionOverflowMenuStyle">@style/Widget.AppCompat.Light.PopupMenu.Overflow</item>-->

    </style>
    <!--Widget.AppCompat.ActionButton.Overflow-->
    <style name="over_flow" parent="Base.Widget.AppCompat.ActionButton.Overflow">
        <item name="srcCompat">@drawable/ic_menu_overflow_setting_white</item>
        <item name="android:background">?attr/actionBarItemBackground</item>
        <item name="android:contentDescription">@string/abc_action_menu_overflow_description</item>
        <item name="android:minWidth">@dimen/abc_action_button_min_width_overflow_material</item>
        <item name="android:minHeight">@dimen/abc_action_button_min_height_material</item>
    </style>

    <!--@drawable/abc_popup_background_mtrl_mult-->
    <style name="over_flow_poplist" parent="Base.Widget.AppCompat.ListPopupWindow">
        <item name="overlapAnchor">true</item>
        <item name="android:dropDownSelector">?attr/listChoiceBackgroundIndicator</item>
        <item name="android:popupBackground">@drawable/abc_popup_background_mtrl_mult</item>
        <item name="android:dropDownVerticalOffset">0dip</item>
        <item name="android:dropDownHorizontalOffset">0dip</item>
        <item name="android:dropDownWidth">wrap_content</item>
    </style>