实战需求

图像视图用于显示图像。对于下面的示例，将名为“homer”的图像添加到资产目录中，然后图像在窗口中显示，同时保留其纵横比。

运行效果

实战代码

Image

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image("homer")
                .resizable()
                .aspectRatio(contentMode: .fit)
        }
        .padding()
        .frame(width: 400, height: 300)
    }
}

SF Symbols

也可以使用 SF 符号的系统名称创建图像。使用SF Symbols 应用程序查找可用系统映像的名称。

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            Text("Images as SF Symbols")