Swift ) Dynamic Color, CGColor - EEYatHo iOS

 

 

Dynamic Color

---

UITraitCollection 객체는 다크모드, 라이트모드에 대한 정보가 있다.

 

UIColor 는 UITraitCollection 를 가지고, 다크모드와 라이트모드에 대응 한다.

이를 다이나믹 컬러 (Dynamic Color) 라고 한다. ( CGColor 는 다이나믹 컬러가 아니다. )

 

런타임에 다크모드나 라이트모드로 바뀔시 대응하기 위해선, 다이나믹 컬러를 사용해야한다.

 

다이나믹 컬러를 만드는 방법은 크게 2개다.

 

 

 

1. AssetCatalog 로 Dynamic Color 생성하기

---

UIColor(named: "white_black")

 

 

 

2. Dynamic Color 코드로 생성하기

---

UIColor { traitCollection -> UIColor in
    if traitCollection.userInterfaceStyle == .light {
        return .white /// 원하는 라이트모드 컬러
    } else {
        return .black /// 원하는 다크모드 컬러
    }
}

 

 

 

 

3. Dynamic Color 를 lightModeColor, darkModeColor 로 분해하기

---

// color -> light, dark모드의 색으로 변환
let lightTrait = UITraitCollection(userInterfaceStyle: .light)
let lightColor = color.resolvedColor(with: lightTrait)

let darkTrait = UITraitCollection(userInterfaceStyle: .dark)
let darkColor = color.resolvedColor(with: darkTrait)

 

 

 

4. CGColor, CGLayer 을 다이나믹하게 하고 싶다면

---

CGColor, CGLayer은 다이나믹 컬러 전에 있던 애들이라, 

런타임에 다크모드로 바뀔 시 자동으로 대응되지 않고, 별도의 처리가 필요하다.

 

이를 구현하기 위해 애플에서 제공하는 방법은,

traitCollectionDidChange 를 override 하는 것이다.

 

앱이 다크모드, 라이트모드로 바뀔 때 traitCollectionDidChange 가 콜백된다.

이때, 수동으로 컬러를 다시 넣어줘야한다. 😥

 

UIView, UIViewController 에서 override 할 수 있다.

 

// 다크모드로 바뀔 때 cgColor들 재설정 (cgColor같은 Low레벨은 다이나믹 컬러가 아니라서, 개발자가 직접 대응해줘야함)
override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    someView.layer.borderColor = dynamicColor.cgColor
}