/

SwiftUI: 圖片

SwiftUI: 圖片

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

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

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

1
2
3
4
5
6
7
import SwiftUI

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

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

1
2
3
4
5
struct ContentView: View {
    var body: some View {
        Image(systemName: "house")
    }
}

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

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

示例：

tags: [“SwiftUI”, “Images”, “Views”, “iOS”]