SwiftUI의 색상과 그라디언트 적용법

SwiftUI는 애플의 최신 사용자 인터페이스 프레임워크로, 현대적인 앱 디자인을 손쉽게 구현할 수 있는 강력한 도구입니다. SwiftUI에서 색상과 그라디언트를 사용하는 방법을 익히면, 앱의 시각적인 매력을 대폭 향상시킬 수 있습니다. 이 글에서는 색상과 그라디언트의 기본 사용법부터 고급 사용법까지 단계별로 설명합니다.

색상의 기본 사용법

SwiftUI에서 색상을 적용하는 가장 기본적인 방법은 Color 구조체를 사용하는 것입니다. 예를 들어, 배경색을 적용하려면 간단히 뷰에 background 수식어를 추가하면 됩니다.

swift
import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .padding()
            .background(Color.blue) // 배경색을 파란색으로 설정
    }
}

이 예제에서는 Text 뷰의 배경색을 파란색으로 설정했습니다. SwiftUI는 기본 색상을 제공하며, RGB 값을 사용해 커스텀 색상도 쉽게 생성할 수 있습니다.

swift
Color(red: 0.5, green: 0.5, blue: 0.5) // 회색
Color(hue: 0.3, saturation: 0.8, brightness: 0.9) // HSV 값을 사용한 색상

색상의 고급 사용법

Dynamic Type과 접근성을 고려하여 iOS 14부터 도입된 UIColor와 호환되는 이름 기반 색상을 사용할 수 있습니다.

swift
Color(