Biểu tượng SF
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 7 trên 50.
Apple cung cấp hàng nghìn biểu tượng có tên là SF Symbols. Hiển thị một biểu tượng bằng Image(systemName:) và tên của biểu tượng đó:
Image(systemName: "heart.fill")
.font(.largeTitle)
.foregroundStyle(.red)Ký hiệu hoạt động như văn bản: .font đặt kích thước và .foregroundStyle đặt màu sắc. Tên kết thúc bằng .fill là phiên bản tô kín, chẳng hạn như star và star.fill.
Label đặt biểu tượng và tiêu đề cạnh nhau:
Label("Settings", systemImage: "gear")
Thử thách
DễThay thế văn bản bằng một Label có tiêu đề Favorites và hiển thị biểu tượng star.fill.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Giới thiệu về SwiftUI
Tự luyện tập: Playground SwiftUI