2. [SwiftUI] Color() 컬러

Assets.xcassets에 커스텀 컬러 추가 가능 (라이트/다크모드에 따라 변경 가능하게도 가능)

Shape에 음영을 주고 세부적으로 커스텀도 가능(투명도 등)

 

//  Created by Toughie on 2023/04/02.
//

import SwiftUI

struct Colors: View {
    var body: some View {
        
        var color = #colorLiteral(red: 0.2381178439, green: 0.7076231241, blue: 1, alpha: 0.509571606)
        //#colorLiteral(
        //컬러피커에서 Hex Color 적용 가능
        
        RoundedRectangle(cornerRadius: 25)
            .fill(
                Color.primary
                //라이트모드에서 primary는 블랙
                //다크모드에서 primary는 화이트
                
                Color(color) //컬러 리터럴 활용한 컬러 설정
                
                Color(UIColor.secondarySystemBackground)
                //UIKit 컬러 사용 가능
                
                Color("CustomColor") //커스텀 컬러 활용(Assets)
            )

            .frame(width: 300, height: 200) //Shape size
        
            .shadow(radius: 10) //음영
        
            .shadow(color: Color("CustomColor").opacity(0.8), radius: 10, x: 5, y: 20)
            //음영 컬러, 투명도, radius, 위치 세부 설정
        
            
    }
}

struct Colors_Previews: PreviewProvider {
    static var previews: some View {
        Colors()
        
    }
}

 

이제 디자이너가 원하는 컬러로.. 웬만하면 설정 할 수 있겠다 :)