見出し画像

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

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

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

デザイン

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

画像1

CountablePad メモ閲覧画面

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

画像2

CountablePad メモ登録画面

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

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

プログラミング

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

// 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 のアイコンを変更できます。

ここから先は

475字
この記事のみ ¥ 120

この記事が参加している募集

この記事が気に入ったらサポートをしてみませんか?