ツールバーの上のmenuの一番右側の「:」のアイコンのカスタマイズ

2019/03/07 追記

以下の内容は執筆当時は動作していましたが、2019年3月7日現在の開発環境では動作しないようです。
現在ご利用いただく場合は以下のツイートで紹介されている記事や現在の公式ドキュメントを参照してください。

operandoOS さん、ご指摘ありがとうございました！

コード見た感じどこかのバージョンからこれ動かなくなってる気がするなー
Styleでの設定が無視される感じかも？https://t.co/l2BvKbtTDq
— shinobu.aab / piece of cake, inc. (@operandoOS) March 7, 2019

“Toolbar Delight – Android UI Patterns” (1 user) https://t.co/xvklc6rvBV
— shinobu.aab / piece of cake, inc. (@operandoOS) March 7, 2019

調べ直したくない一心でまとめています。主に参考にしていたのは下記ブログです。

https://medium.com/@lucasurbas/making-android-toolbar-responsive-2627d4e07129

一番右側の「:」のアイコンのカスタマイズ

neverに設定しているメニューの要素は右側に「:」みたいな感じで表示されているアイコンをタップすると利用できますが、その要素のカスタマイズについて。

まず、この「:」の要素は、ActionOverflowButtonというそうです。

直接いじりにくいですが、Activityで利用しているテーマのスタイルのactionOverflowButtonStyleという要素の設定からいじることが可能らしく、下記に例を示します。

<!-- styles.xml -->
<resources>

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

    <!-- Styles -->
    <style name="MyOverFlow" parent="Widget.AppCompat.ActionButton.Overflow">
        <item name="android:src">@drawable/black_square_48dp</item>
        <item name="android:paddingRight">48dp</item>
    </style>
</resources>

<!-- toolbar -->
        <android.support.v7.widget.Toolbar
            android:id="@+id/custom_toolbar"
            android:background="@android:color/darker_gray"
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:theme="@style/AppTheme"
            android:layout_height="?attr/actionBarSize"
            >
        </android.support.v7.widget.Toolbar>