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()
}
}
이제 디자이너가 원하는 컬러로.. 웬만하면 설정 할 수 있겠다 :)
'SwiftUI > SwiftUI(Basic)' 카테고리의 다른 글
4. [SwiftUI] System Icons 시스템 아이콘 (0) | 2023.04.02 |
---|---|
3. [SwiftUI] Gradients (Linear, Radial, Angular) _ 그라데이션 (0) | 2023.04.02 |
1. [SwiftUI] Shapes 도형 (0) | 2023.04.02 |
0. [SwiftUI] Text() - 텍스트 (0) | 2023.03.28 |
[Stanford] 카드매칭 게임(@ObservableObejct, @ObservedObject, @Published) (0) | 2023.03.26 |