코드상에서 쉽게 컬러 설정하기! colorLiteral!

코드 구현중 RGB 로 색상을 넣을 경우가 있다.

 

하지만, 코드상으로 작성 되어 있기 때문에 앱을 실행하지 않고서는 정확한 색상값을 볼 수 없다.

 

이때 colorLiteral 를 사용하면, 코드상에서 직접 색상을 볼수 있고, 선택하여 GUI 환경에서 색상을 편집 가능하다.

 

 

아래와 같이 컬러값을 설정하면 Xcode 가 눈에 보이게 색상을 넣어준다.

#colorLiteral(red: 0.8078431487, green: 0.02745098062, blue: 0.3333333433, alpha: 1)

 

 

Swift 에서 사용하는 컬러값으로 설정하려면 다음과 같이 사용해야 한다.

struct ChildTextView: View {
    var body: some View {
        Text("Hello, World!")
            .foregroundColor(Color(#colorLiteral(red: 0.8078431487, green: 0.02745098062, blue: 0.3333333433, alpha: 1)))
    }
}

 

다음 화면은 Xcode 화면에서 보이는 화면이다.

 

다음 화면은 선택했을때 색상을 설정할수 있는 화면이다.