iOS) 코드로 뷰 배경 색 적용(custom Color)

앱 전반의 배경색을 통일하기위해서 해당 베이스 뷰 컨트롤러의 BackgroundColor에 커스텀 컬러를 넣어줄 예정입니다.

하지만 커스텀 컬러라면? 방법이 명확하게 떠오르지않아 알아보았습니다.

인스펙터 창에서 백그라운드 컬러를 고르는 곳에서 Custom을 선택하면 아래와 같은 색상을 선택할 수 있는 창이 나옵니다.

스포이드 모양의 아이콘을 누르시면 원하는 색상의 정보 (Hex, RGB)를 추출할 수 있습니다.

 

이제 알아낸 Hex Color를 가지고 적용해보겠습니다.

Hex값을 UIColor에 간단하게 적용시키려면 아래와 같은 코드를 작성합니다.

이제 간단하게 HEX값을 이용하여 backgroundColor를 적용시킬 수 있게 되었습니다.

 

import UIKit

extension UIColor {
   convenience init(red: Int, green: Int, blue: Int) {
       assert(red >= 0 && red <= 255, "Invalid red component")
       assert(green >= 0 && green <= 255, "Invalid green component")
       assert(blue >= 0 && blue <= 255, "Invalid blue component")

       self.init(red: CGFloat(red) / 255.0, green: CGFloat(green) / 255.0, blue: CGFloat(blue) / 255.0, alpha: 1.0)
   }

   convenience init(rgb: Int) {
       self.init(
           red: (rgb >> 16) & 0xFF,
           green: (rgb >> 8) & 0xFF,
           blue: rgb & 0xFF
       )
   }
}

 

 

참고)

xCode Storyboard내의 색상에서 HEX값 뽑아내기

xCode Storyboard내의 색상에서 HEX값 뽑아내기

How To Set Background Color In Swift?

How To Set Background Color In Swift? - Zero To App Store