SwiftUI 中的图像视图是一种用于显示图像的视图。它们是 SwiftUI
中最常用的视图之一,因为它们允许您在应用程序中显示图像。
拖拽图像到 Assets.xcassets 中,然后在代码中使用 Image
视图来显示图像。
struct ContentView: View {
var body: some View {
Image("Profile").resizeable()
.aspectRatio(contentMode: .fit)
.frame(width: 200, height: 200)
.clipShape(Circle())
.overlay(Circle().stroke(Color.white, lineWidth: 5))
.shadow(radius: 10)
}
}
显示如下:
SF Symbols
是 Apple
提供的一套图标,可以在 SwiftUI
中使用。SF Symbols
是一套矢量图标,可以在不同的尺寸下显示,而不会失真。
SF Symbols
可以在 Apple
的 SF Symbols 页面上找到。
SF Symbols
可以在 SwiftUI
中使用 Image
视图来显示。要使用 SF Symbols
,请使用 Image
视图并将 systemName
参数设置为 SF Symbols
的名称。
struct ContentView: View {
var body: some View {
Image(systemName: "person.circle.fill")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 200, height: 200)
.clipShape(Circle())
.overlay(Circle().stroke(Color.white, lineWidth: 5))
.shadow(radius: 10)
}
}
.resizable()
:使图像可以调整大小。.aspectRatio(contentMode: .fit)
:使图像保持其纵横比。.frame(width: 200, height: 200)
:设置图像的大小。.clipShape(Circle())
:将图像裁剪为圆形。.overlay(Circle().stroke(Color.white, lineWidth: 5))
:在图像周围添加一个圆形边框。.shadow(radius: 10)
:在图像周围添加阴影。