如何在SwiftUI视图中显示图像（附实例）

你可以通过使用Image 视图在SwiftUI视图中显示一个图像。

首先，你需要在Xcode项目导航器中的Assets.xcassets 文件中添加图片到一个新的图片集。

然后你可以像这样把图片添加到你的ContentView 。

import SwiftUI

struct ContentView: View {
    var body: some View {
        Image("Avatar")
    }
}

你也可以使用Image 来显示一个系统图像，使用格式为Image(systemName:) 。

struct ContentView: View {
    var body: some View {
        Image(systemName: "house")
    }
}

Image 视图有一组你可以使用的修改器，包括。

• .resizable() 调整图像的大小，使其符合 的尺寸.frame()
• .frame() 设置其宽度/高度
• .clipShape() 设置一个剪裁形状
• .border() 设置边框的颜色
• .overlay() 将另一个视图分层在其前面
• .aspectRatio() 设置长宽比
• .clipped() 切除框架外的图像

例子。