김종권의 iOS 앱 개발 알아가기

목차) SwiftUI의 기본 - 목차 링크 Gradients (Linear, Angular, Radial) 이전 포스팅 글, Swift에서 알아본 CAGradientLayer와 개념은 동일하며, SwiftUI에서는 각 속성이 더 직관적인 이름으로 변경 axial(linear) -> Linear radial(circle) -> Radial conic(sweep) -> Angular LinearGradient 요소 색상 입력 - colors 시작 지점 - startPoint 종료 지점 - endPoint @available(iOS 13.0, macOS 10.15, tvOS 13.0, watchOS 6.0, *) @frozen public struct LinearGradient : ShapeStyle, Vie..

CAGradientLayer CALayer의 subclass이며, background 색상이나 layer의 색상을 gradient으로 만들 수 있는 인스턴스 gradient 종류는 3가지가 존재 axial (linear) radial (circle) conic (sweep) gradient를 사용할 때 핵심은 프로퍼티 locations [NSNumber] 위치 값 예시) [0, 0.5, 1] - 0번까지 첫 번째 색, 0.5까지 두 번째 색, 1까지 세 번째 색 startPoint, endPoint 값 axial일때 - (0,0)은 좌측 상단, (1,1)은 우측 하단 radial일때 - (0,0)은 원 내부 중심, (1,1)은 원 바깥 테두리 conic일때 - (0,0)우측하단, (1,1)은 (0,0)에..