プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ

【SwiftUI】Imageビューの便利なモデファイア一覧

  • 2020年11月2日
  • 2020年11月2日
  • Swift
  • view
  • 0件

システムアイコンの使用

使用可能なアイコンの一覧
https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

Image(systemName: "circle.grid.hex.fill")

アイコンの加工

Image(systemName: "circle.grid.hex.fill")
  .font(.largeTitle)
  .foregroundColor(.yellow)

resizable

画像をフレームに合わせてリサイズ

Image(systemName: "circle.grid.hex.fill")
    .resizable()
    .flame(width: 200, height: 100)

scaledToFit

縦横の比率を維持してビューサイズに収まるように伸縮

Image(systemName: "circle.grid.hex.fill")
    .resizable()
    .scaledToFit()
    .flame(width: 200, height: 100)

scaledToFill

縦横の比率を維持していずれかの部分がビューサイズいっぱいになるように伸縮

Image(systemName: "circle.grid.hex.fill")
    .resizable()
    .scaledToFill()
    .flame(width: 200, height: 100)