【Swift】コード内でシステムアイコンを使用する方法

Swift

こんちには、フリーのITエンジニアでWeb(PHP:Laravel)のバッグエンドをメインにフルリモートでお仕事させて頂きながら、個人開発でiOSアプリを作っているMoritaです。

最近コード内でシステムアイコンを使用する方法を知ったので紹介します。

システムアイコンとは

TabBarItemのSelected image内で表示されるデフォルトのアイコンのことです。

storyboardのプロパティから選択すれば簡単に設定できますが、
コードでの設定方法がわかりませんでした。

アイコンの一覧をインストール

どんなアイコンがあるのか簡単に調べるために、
アップルが公開しているアイコン一覧をインストールしました。
すべてのアイコンを閲覧、検索できるので便利です。

SF Symbols - SF Symbols - Human Interface Guidelines - Apple Developer
Learn about designing apps for SF Symbols.

上のリンクからインストールできます。

コードで設定する方法

UIImage(systemName:)を使用して、上でインストールしたアイコン一覧のアイコン名を記載すれば使用できます。

UITabBarItem(title: "Home", image: UIImage(systemName: "house"), selectedImage: UIImage(systemName: "house"))

まとめ

個人開発をしていて、簡単にデザインのイメージを作成するのに便利ですね。
ただし、オリジナリティーを出すならアイコンも自作できると雰囲気出ていいですよね。

コメント

タイトルとURLをコピーしました