색상
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 6번째.
.foregroundStyle은 Text의 글자와 같이 뷰의 콘텐츠에 색상을 지정합니다.
Text("Warning")
.foregroundStyle(.red)SwiftUI에는 이름이 지정된 색상이 있습니다: .red, .orange, .yellow, .green, .blue, .purple, .gray 등이 있습니다. .secondary는 덜 중요한 텍스트에 사용되는 더 부드러운 회색입니다.
이전 코드는 단일 색상에 동일한 작업을 수행하는 .foregroundColor(.red)를 사용합니다. 빨간색, 녹색, 파란색 요소를 조합한 색상을 0과 1 사이의 값으로 지정할 수도 있습니다:
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
챌린지
초급카페가 열려 있음을 보여 주세요. 텍스트를 초록색으로 만들고 .headline 글꼴을 적용하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드