見出し画像

Swiftで行こう!--SwiftUIもっと!2

続いていきましょう!画像の表示です。

struct ContentView: View {
   var body: some View {
     Image(uiImage:#imageLiteral(resourceName: "cosmos.jpeg"))
   }
}
Image(uiImage:#imageLiteral(resourceName: "cosmos.jpeg"))

を記述すると画像が表示されます。これはPlaygroundでのコードです。

カスタマイズしていきます。ドットで繋いでいきます。

Image(uiImage: #imageLiteral(resourceName: "cosmos.jpeg"))
       .resizable()
       .aspectRatio(contentMode: .fill)
   }

ぴったりフィットします。

XcodeではImage("画像名")で表示されます。

      guard let img = UIImage(named: "cosmos.jpeg") else {
           fatalError("Unable to load image")
       }
       
       return Image(uiImage: img)

これでもいけます。

次に、SF Symbolsを使う方法。systemNameで名前を指定します。

Image(systemName: "cloud.heavyrain.fill")

とすると、

と表示されます。

Image(systemName: "pencil.tip")

とすると、

ドットで繋ぐと、

.foregroundColor(.red)

赤くなります。

この記事が気に入ったらサポートをしてみませんか?