SF Symbols
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 7번째.
Apple은 SF Symbols라고 하는 수천 개의 아이콘을 제공합니다. Image(systemName:)과 그 이름을 사용해 하나를 표시해 보세요:
Image(systemName: "heart.fill")
.font(.largeTitle)
.foregroundStyle(.red)심볼은 텍스트처럼 동작합니다. .font는 크기를 설정하고 .foregroundStyle은 색상을 설정합니다. .fill로 끝나는 이름은 채워진 버전이며, 예를 들어 star와 star.fill이 있습니다.
Label은 아이콘과 제목을 나란히 배치합니다:
Label("Settings", systemImage: "gear")
챌린지
쉬움텍스트를 Favorites라는 제목의 Label로 바꾸고 star.fill 기호를 표시하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드