iOSアプリでSystem Imageを使用する(iOS13以降)
iOS13ではSystem ImageとしてSF Symbolsというものが追加され、UIKitのUIImageやSwiftUIのImageから使用出来るようになりました。
使用方法
それぞれ、以下のようにして名前を指定して表示します。
- UIKit(UIImage)
UIImage(systemName: "xxx")
- SwiftUI(Image)
Image(systemName: "xxx")
名前の確認方法
ここに指定する名前は以下のリンクからSF Symbolsアプリをダウンロードし、Macにインストールする事で確認出来ます。
Apple Design Resources - Apple Developer
SF Symbolsアプリに表示される各アイコンの下にある名前を引数に指定する事で、そのアイコンを使用する事が出来ます。
例えば以下のアイコンの場合、
SwiftUIでは以下のような指定になります。
Image(systemName: "square.and.arrow.up")
