[SwiftUI] 커스텀 ColorSet 을 Asset 에 추가하기

앱을 만들다 보면 색상을 지정해 줘야 할 때가 있다. 다양한 방법이 있지만 그중에 아예 Asset 에 New Color Set 을 추가하여 색상을 만들어 줄 수 있다.

추가 방법

아래와 같이 Asset 에 들어가서 New Color Set 을 추가해준다.

직접 Color Panel 에 들어가서 색을 지정해 줄 수 있고, Hex 코드나 RGB 값으로도 입력이 가능하다.

이렇게 색을 추가하고 아래의 코드를 추가해 주면 된다. extension을 사용하여 Color 구조체에 static let 을 사용하여 정적 멤버를 추가해준다.

extension Color {
    static let myColor1 = Color("myColor1")
    static let myColor2 = Color("myColor2")
}

이렇게 추가해주면 아래와 같이 내가 정해놓은 칼라셋을 사용 할 수 있다.

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, world!")
                .foregroundColor(.myColor1)
            Text("Hello, world!")
                .foregroundColor(.myColor2)

        }
        .padding()
    }
}

extension Color {
    static let myColor1 = Color("myColor1")
    static let myColor2 = Color("myColor2")
}

 

내가 추가해준 myColor1 과 myColor2 가 잘 적용 된 것을 볼 수 있다.