【SwiftUI】Image Variable colorとSF Symbols 4(iOS16/iPadOS16)

SwiftUI

iOS16/iPadOS16でSF Symbolsの色を段階的に変える事が出来る様になりました。
Imageの引数に追加されたvariableValueを使う事で色を変化させる事が出来ます。

Image(systemName: "speaker.wave.3.fill" ,variableValue: 0)
Image(systemName: "speaker.wave.3.fill" ,variableValue: 0.5)
Image(systemName: "speaker.wave.3.fill" ,variableValue: 1)

variableValueには0〜1までの値が使用でき、
あらかじめ設定された範囲に対応して画像が切り替わります。

グラデーションしたり任意に数字の範囲を調整できるわけでない事に注意してください。

とはいえ、以前の画像を重ねたり複数作って切り替えたりすることなく、
変数1つで切り替えが可能になったのは非常に便利です。

また、これに合わせてSF Symbols 4 betaがリリースされています。
こちらでvariableValue対応やプレビューが出来るので確認してみてください。
シンボル自体も700以上追加されている様です。

コメント

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