Menu
CoddyTech

SF Symbols

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 7 课,共 50 课。

Apple 提供了数千个名为 SF Symbols 的图标。使用 Image(systemName:) 和图标名称来显示一个:

Image(systemName: "heart.fill")
    .font(.largeTitle)
    .foregroundStyle(.red)

符号的行为和文本类似:.font 设置它的大小,.foregroundStyle 设置它的颜色。以 .fill 结尾的名称表示填充版本,例如 star 和 star.fill。

Label 会将图标和标题并排显示:

Label("Settings", systemImage: "gear")
challenge icon

挑战

简单

将文本替换为标题为 Favorites、显示 star.fill 符号的 Label。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器