[Xcode] Storyboard로 다크모드 대응하기
👨🏻‍💻iOS 공부/iOS & Swift

[Xcode] Storyboard로 다크모드 대응하기

728x90
반응형

iOS13에 다크모드 기능이 나오고 난 후 부터 꺼본적이(?) 없는 것 같다. 

주변만 봐도 다크모드를 애용하고 있는 것을 보면, 13 이후부터는 다크모드 대응이 필수적이라는 것을 알 수 있다. 

 

1. Asset.xcassets > Accent Color > New Color Set 추가하기 

Asset.xcassets > Accent Color

2. Appearances 및 Color 선택

New Color Set을 눌러서 새로운 color set을 추가해준다.

그러면 2개의 색상을 디폴트로 볼 수 있는데 여기서 기본 + 다크모드일 때 색상을 골라주면 된다!

 

오른쪽 위 inspector를 봐보자. 

 

  • Name : 커스텀 컬러의 이름을 저장
  • Appearances : 보여줄 조건을 선택
  • Color : 색상 선택

기본일 때는 검정색, 다크모드일 때는 흰색을 보여주도록 세팅했다. 

 

3. 원하는 곳에 커스텀 컬러 사용

그 다음에는 원하는 곳으로 가서 컬러를 지정해주면 된다. Named Colors 부분에 위치하고 있는 것을 볼 수 있다. 

 

매번 스토리보드로 할 수 없으니, 컬러만 Asset을 통해 등록해두고 사용하는 방식도 가능한데 이때 UIColor의 이름으로 불러주면 된다.

 

// ex 

viewcontroller.backgroundColor = UIColor(named: "FocusColor")

 

다크모드 뿐만 아니라, 상황에 맞게 원하는 색상을 컨트롤해보자!

다음에는 Asset이 아니라 아예 코드로 다크모드인지 여부를 판단해서 색을 다르게 하는 법을 알아보자!

728x90
반응형