こんちには、フリーのITエンジニアでWeb(PHP：Laravel)のバッグエンドをメインにフルリモートでお仕事させて頂きながら、個人開発でiOSアプリを作っているMoritaです。
最近コード内でシステムアイコンを使用する方法を知ったので紹介します。
システムアイコンとは
TabBarItemのSelected image内で表示されるデフォルトのアイコンのことです。
storyboardのプロパティから選択すれば簡単に設定できますが、
コードでの設定方法がわかりませんでした。
アイコンの一覧をインストール
どんなアイコンがあるのか簡単に調べるために、
アップルが公開しているアイコン一覧をインストールしました。
すべてのアイコンを閲覧、検索できるので便利です。
SF Symbols | Apple Developer Documentation
SF Symbols provides thousands of consistent, highly configurable symbols that integrate seamlessly with the San Francisc...
docs.developer.apple.com
上のリンクからインストールできます。
コードで設定する方法
UIImage(systemName:)を使用して、上でインストールしたアイコン一覧のアイコン名を記載すれば使用できます。
UITabBarItem(title: "Home", image: UIImage(systemName: "house"), selectedImage: UIImage(systemName: "house"))まとめ
個人開発をしていて、簡単にデザインのイメージを作成するのに便利ですね。
ただし、オリジナリティーを出すならアイコンも自作できると雰囲気出ていいですよね。
コメント