Toolbar「戻る矢印アイコン」の変更について｜Android Kotlin

Android アプリの Toolbar に表示される「戻る矢印アイコン」を、別のアイコンに変更したいと考えたことはないでしょうか。メモ帳アプリ『CountablePad』では、そのようなデザインを検討しました。

メモ帳に文字数カウント機能を添えて ～素朴な意匠と取扱に仕立てたノート～ :CountablePad - Google Play のアプリ

これは非常に簡単な方法で実現できます。以下に解説します。

デザイン

Toolbar には以下のように、デフォルトで「戻る矢印アイコン」が表示されます。

CountablePad メモ閲覧画面

この「戻る矢印アイコン」は以下のように、変更することができます。

CountablePad メモ登録画面

使用したのは、以下の「close」アイコンです。

https://material.io/resources/icons/?icon=close&style=baseline

Material Icons

プログラミング

以下はツールバーの初期化です。

// Set a Toolbar to act as the ActionBar for this Activity window.
setSupportActionBar(toolbar)

supportActionBar?.apply {
    // Set whether home should be displayed as an "up" affordance.
    setDisplayHomeAsUpEnabled(true)
}

ここに一行を加えるだけで、Toolbar のアイコンを変更できます。