์ฑ ์คํ์ผ์ ๋ฐ๋ผ ์ ๋ฐ์ ์ผ๋ก ๋ฐ๋ณต๋์ด ์ฌ์ฉํ๋ ์ปฌ๋ฌ๋ฅผ Assets์ ์ถ๊ฐํ๋ฉด, ์ธํฐํ์ด์ค ๋น๋์ ์์์ด ์ถ๊ฐ๋์ด ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ฑํ ์์ ๊ฐํธํ๊ฒ ์์ ์ถ๊ฐํ๊ณ ๊ด๋ฆฌํ ์ ์์ต๋๋ค. ๊ฒ์๊ธ์์๋ ์์์ Assets ์ ์ถ๊ฐํ๊ณ , ์ธํฐํ์ด์ค ๋น๋๋ก ์ฌ์ฉํด๋ณด๋ฉฐ, UIColor๋ฅผ extension ํ์ฅํ์ฌ ์ฝ๋ ์์ญ์ผ๋ก๋ ์ ๊ทผํ ์ ์๋๋ก ํ๋ ๋ฐฉ๋ฒ์ ๋ค๋ฃน๋๋ค.
Assets/ ์ ์ถ๊ฐํ๊ธฐ
Xcode ์ข์ธก์ ์๋ Project Navigater์์ Assets.xcassets ์ ๋ค์ด๊ฐ ํ ํด๋ Colors ๋ฅผ ๋ง๋ค์ด์ค๋๋ค. ํด๋น ํด๋ ์์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋ฒํผ์ ๋๋ฌ [New Color Set]์ ๋๋ฌ์ค๋๋ค.
์ํ๋ ์ปฌ๋ฌ์ ์ด๋ฆ์ ์ง์ ํ๋ฉด ์๋์ ๊ฐ์ด ์ปฌ๋ฌ์นฉ์ด ๋น๋๋ค. ํด๋น ์ปฌ๋ฌ์ ์ Attribute Inspector ์์ญ์์ ์ธํ ๋ฐฉ๋ฒ์ ์ ํํ์ฌ ์์์ ์ ๋ ฅํด์ค๋๋ค. ์ฌ๊ธฐ์ Any Appearance, Dark ๋๊ฐ๊ฐ ๋จ๋๋ฐ, Dark ์์์ ๋ฐ๋ก ์ง์ ํ ๊ฒฝ์ฐ, ๋ผ์ดํธ๋ชจ๋์์ ๋ณด์ด๋ ํด๋น ์๊น ์์ญ์ด ์ง์ ํ ์์์ผ๋ก ๋ณด์ด๋, ๋คํฌ๋ชจ๋๊ฐ ๋ฐ๋ก ๋์์ธ ๋์ด์๋ค๋ฉด ํด๋น ๋ถ๋ถ์ ์ฐธ๊ณ ํ์ฌ ์ปฌ๋ฌ์นฉ์ ์ง์ ํ๋ ๊ฒ์ด ์ข๊ฒ ์ต๋๋ค.
๋ง์ฝ, ๋คํฌ๋ชจ๋๋ฅผ ๋ฐ๋ก ๋ง๋ค์ง ์๊ฑฐ๋ ์์์ด ๋์ผํ๋ค๋ฉด, ๋๊ฐ์ ์ปฌ๋ฌ์นฉ์ ์๋์ ๊ฐ์ด [Shift]ํค๋ฅผ ๋๋ณ ๋์ ์ ํํ ํ ์์์ ์ง์ ํ๋ฉด ๋ฉ๋๋ค.
์ฌ๊ธฐ์ 8-bit (0~255)๋ชจ๋์ ๊ฒฝ์ฐ, ๊ฐ RGB๊ฐ์ 0~255๊ฐ ๋ด์ธ๋ก ์ง์ ํ๋ ๋ฐฉ์์ด๋ฉฐ, 8-bit Hexadecimal์ 16์ง์ ํํ์ ์์ ํ๊ธฐ๋ฒ์ ์๋ฏธํฉ๋๋ค.
์ฌ๊ธฐ์ ๊ฐ์ฅ ํ๋จ์ ์๋ [Show Color Panel]์ ์ ํํ์ฌ ์ง์ ์์ํ๋ฅผ ๋์ผ๋ก ๋ณด๊ณ ์ ํํ ์ ์์ต๋๋ค.
์ํ๋ Color Set์ ํด๋ ์์ ์ ๋ฆฌํด๋๋ฉด ์๋์ ๊ฐ์ด, ํด๋น ํด๋์์์ Color Sets์ ํ ๋์ ๋ณผ ์ ์์ต๋๋ค.
์ธํฐํ์ด์ค ๋น๋์์ ์ง์ ์ถ๊ฐํ ์์์ ์ฌ์ฉํ๊ธฐ
์๋ฅผ ๋ค์ด, UILabel์ ์์์ ๋ณ๊ฒฝํ๊ณ ์ ํ๋ค๋ฉด ํด๋น ๋ ์ด๋ธ์ ํด๋ฆญ ํ Attribute Inspector์์ Tint ํญ์ ๋๋ฅด๋ฉด Named Colors ์๋์ ์๊น ์ง์ ์ง์ ํ ์์๋ค์ ํ์ธํ ์ ์์ต๋๋ค. ํด๋ฆญํด์ ์ง์ ํด์ฃผ๋ฉด ๋ฉ๋๋ค. ์ฌ๊ธฐ์ iPhone SDK ์ปฌ๋ฌ๋ ์์คํ ์์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณตํด์ฃผ๋ ์ปฌ๋ฌ์ ์ ๋๋ค.
์ฝ๋ ์์ญ์์ ์์ ์ ๊ทผํ๊ธฐ
๋ง์ฝ ์ฝ๋ ์์ญ์์ ๋ฒํผ, ๋ ์ด๋ธ ๋ฑ์ ์์์ ์ง์ ํ๊ณ ์ถ๋ค๋ฉด UIColor์ named ๋ฅผ ํตํด ์ง์ ํด๋ ์์๋ช ์ ๋ฌธ์์ด๋ก ์ ๋ฌํด์ฃผ๋ฉด ๋ฉ๋๋ค.
self.myButton.backgroundColor = UIColor(named: "kakaotalkColor")
๋ง์ฝ UIColor์ ๋ฉค๋ฒ๋ณ์๋ก extension ํ์ฅํ์ฌ ์ ์ธํ์๋ค๋ฉด ์๋์ ๊ฐ์ด ์ฝ๋์์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
self.myButton.backgroundColor = UIColor.kakaotalkColor
// ๋๋ ์๋์ฒ๋ผ ์ธ ์ ์๋ค.
self.myButton.backgroundColor = .kakaotalkColor
ํด๋น ํ๋ก์ ํธ ํด๋ ๋ด์ UIColor+Extension์ด๋ผ๋ ์ด๋ฆ์ผ๋ก ๋ฐ๋ก Swift ํ์ผ์ ๋ง๋ค์ด์ ์๋์ฒ๋ผ ์ฝ๋๋ฅผ ์ ์ธํด๋๋ฉด ์์ ๊ฐ์ด ์ฌ์ฉํ ์ ์์ต๋๋ค.
// UIColor+Extension.swift
// 1. ๋ง์ฝ Assets ํด๋์ ์ปฌ๋ฌ์
์ ์ง์ ํ์๋ค๋ฉด
extension UIColor {
static let myCustomColor = UIColor(named: "myCustomColor")
}
// 2. ์ฝ๋๋ก๋ง ์์์ ์ถ๊ฐํ ๊ฒฝ์ฐ
// 2-1. Floating point๋ก ์์ ์ง์
extension UIColor {
static let myCustomColor = UIColor(
red: 0.776,
green: 0.812,
blue: 0.334
alpha: 1.0
)
}
// 2-2. 8-bit Hexadecimal ๋ก ์์ ์ง์
// ์ํ๊ฐ์ด ์์ ๊ฒฝ์ฐ 0x์ดํ ๋์๋ฆฌ๋ฅผ ๋นผ๋ ๋๋ค.
extension UIColor {
static let myCustomColor = UIColor(
argb: 0xFFFFFFFF
)
}
์ฐธ๊ณ ๋งํฌ
https://developer.apple.com/documentation/uikit/uicolor
๋ง์น๋ฉฐ
์ค๋๋ ์ฝ์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
๊ถ๊ธํ ์ ์ด ์๋ค๋ฉด ๋๊ธ๋ก, ๋์์ด ๋์ จ๋ค๋ฉด ๊ณต๊ฐ ๋ถํ๋๋ฆฝ๋๋ค.
ํน์ ์์ ํ๊ฑฐ๋ ํผ๋๋ฐฑํ์ค ๋ด์ฉ ์๋ค๋ฉด ์ธ์ ๋ ๋๊ธ๋ก ๋ถํ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค.
๋๊ธ