SwiftUI: 圖片

你可以在 SwiftUI 的視圖中使用 Image 視圖顯示圖片。

首先，你需要將圖片添加到 Xcode 項目導航器中的 Assets.xcassets 檔案中的一個新圖片集中。

然後，你可以像這樣將圖片添加到你的 ContentView 中：

import SwiftUI

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

你也可以使用 Image(systemName:) 的格式顯示系統圖片：

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

Image 視圖有一系列的修飾器可供使用，包括：

• .resizable() 用於調整圖片大小以適應 .frame() 的尺寸
• .frame() 用於設置寬度/高度
• .clipShape() 用於設置裁剪形狀
• .border() 用於設置邊框顏色
• .overlay() 用於將另一個視圖放在其前面
• .aspectRatio() 用於設置長寬比
• .clipped() 用於裁剪超出框架的圖片

示例：