ナビゲーションバーに配置するUIBarButtonSystemItemのplayアイコンを左右反転したい

Question

前提

• swift version: 4.2

現象・発生している問題

目的はナビゲーションバーの左右に戻るボタン「◀︎」と進むボタン「▶︎」を配置することです。
進むボタンはbarButtonSystemItemのplayを使用することで作成しています。
戻るボタンは進むボタンの左右反転したものを使用したいのですが、
barButtonSystemItemのアイコンをどのように加工したら良いのか
方法が分からないので教えていただきたいです。
宜しくお願いします。

ソースコード

現状は進むと同じくbarButtonSystemItem: .playをそのまま表示している状態です。

self.backButton = UIBarButtonItem(barButtonSystemItem: .play, target: self, action: #selector(tapped(_:)))
self.navigationItem.leftBarButtonItem = self.backButton

Answer 1

#1. iOS13以降の対応になってもよければ

SF Symbols に　arrowtriangle.left.fill というのがありますから、それを使う方法があると思います。

ただし、対応するアプリがiOS13以降になりますし、Xcodeも更新する必要がありますが。

#2. SF Symbols を使ってオリジナルのアイコンを作る

Apple の Human Interface Guidelines に従って、SF Symbols から新しいアイコンを作る方法もあるかと思います。

新しいアイコンを作るというか、上記の arrowtriangle.left.fill をダウンロードし、必要であれば加工し、Assets に追加して画像として使うことになると思います。

こちらは私の環境では検証しようがないので、可能かどうかわかりませんが。

日本語になっている記事もありますので、こちらも合わせて参照するといいのではないでしょうか。

Comments

[kymst]

回答ありがとうございます。
今回はiOS13の方で表示できれば良かったので「1」で対応させていただきました。
多少「play」と見た目が異なるようでしたので、進むの方は「arrowtriangle.right.fill」に変更しました。

```
let backButtonImage = UIImage(systemName: "arrowtriangle.left.fill")
self.backButton = UIBarButtonItem(image: backButtonImage, style: .plain, target: self, action: #selector(tapped(_:)))
```

[takabosoft]

おお、これは知らなかったです、ありがとうございます。

Answer 2

あらかじめ画像を用意して、絵ボタンとして配置したほうが楽かなと思います（◀と▶の両方を用意しないとバランスがおかしくなると思いますが）。

Comments

[kymst]

回答ありがとうございます。