SF Symbolsとは
WWDC2019で発表されたApple公式のアイコンフォントです。
デザイン系の記事はよくトピックに上がってるのですが、実際に実装に適用する方法がすぐわからなかったので備忘録を残します。
コードで使用する
UIImageにiOS13以降でinit(systemName:)が使えるようになりました。
systemNameに各Symbolの名前を入れればそのイメージが生成できるようになります。
さらにUIImage.SymbolConfigurationを使ってsizeやweightなどを指定します。
// スタイルを指定 let config = UIImage.SymbolConfiguration(pointSize: 14, weight: .bold, scale: .large) // イメージを生成 prevButton.image = UIImage.init(systemName: "chevron.left", withConfiguration: config)
Interface Builderで使用する
カスタムWebブラウザを想定して、BarButtonItemにSF Symbolを適用してみました。
BarItem→imageにSymbolの名前を指定するだけです。
Interface BuilderではSymbolConfigurationを指定する場所はなさそうです。
