アイコンサイズ「32dp」は古い情報

Toolbarの「Up Indicator（左端のアイコン）」や「オプションメニューのアイコン（右端のアイコン）」の最適サイズを調べていると、

「実描画エリアは24dpにして、余白を設け、32dpで作るべし」

みたいな情報がやたらと出てくる。

へぇーっ！

とこれを鵜呑みにしてしまいガチなのだが、リファレンスの記載が無いページも多い。

うーん、実は、この情報は、古い情報。

どうやら、かつて、

http://developer.android.com/design/style/iconography.html#action-bar

こちらのページに記載してあった情報らしい（現在は存在しないページ）。

このリンクを叩くと分かるが、ページが転送されて、「現在のアイコンサイズ仕様」が確認できるようになっている。

また、以下のページをリファレンスとしているページもあったのだが、、、

https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html#size11

「24dp」と記載があるものの、サンプルが「OS 3.0」以上ということで、ちょっと情報が古すぎる感じで、こちらも鵜呑みにはできない。

現在のアイコンサイズ仕様は「24dp」

App shortcut icons

こちらを読んでいくと、

Sizing

・Live area: 44dp circle
・Total area: 48dp circle
・System icon: 24dp

このような記載がある。

基本的な考えとして、アイコンは「System icon」という位置づけで、「サイズは24dp」とし、そこから各Areaを設けてほしい、ということらしい。

これはすごく分かりやすい話で、とにかくアイコンは「24dp」で用意して、後は適宜余白を設計すればいい。

公式の「System icon」を使ってみる

先のページに

Material design icons

のリンクがあった。

これは公式に提供されている「System icon」で、

・18dp
・24dp
・36dp
・48dp

の4サイズに対応していて、また、

・Lightテーマ
・Darkテーマ

にも対応している。

この「System icon」を使っていれば間違いないので、「24dp」を早速、一通りダウンロードした。

こりゃーマジで便利！

今や私作の全てのアプリで利用している。

ライセンスは以下の通り。

The icons are available under the Apache License Version 2.0.
We'd love attribution in your app's "about" screen, but it's not
required. The only thing we ask is that you not re-sell these
icons.

ライセンスはアプリ内に記載してほしいけど、必須ではないよ

ってなってるね。

Toolbarへ「24dp」アイコンを設定してみる

ピンポイントに「Toolbarだったらこうしろ」というような記載は先のページには存在しない。

じゃあ、試してみるしかない。

ToolbarのMenuへの設定は、

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/menu_share"
        android:icon="@drawable/ic_share_white_24dp"
        android:title="@string/menu_share"
        app:showAsAction="ifRoom|withText" />

</menu>