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

목차) SwiftUI의 기본 - 목차 링크 도형들은 모두 Shape를 준수 대표적인 예로 Rectangle을 보면 Shape를 준수 @available(iOS 13.0, macOS 10.15, tvOS 13.0, watchOS 6.0, *) @frozen public struct Rectangle : Shape { public func path(in rect: CGRect) -> Path @inlinable public init() public typealias Body } Shape는 내부적으로 Animatable을 준수하고 있는 형태 Shape는 path라는 메소드가 있는데, 이 메소드에서 특정 도형을 그리는 형태 Shape, Animatable 관련 개념은 이전 포스팅 글 참고 @available(..

목차) SwiftUI의 기본 - 목차 링크 Shape 2D 모양의 뷰를 의미하는 프로토콜 (Circle, Capsule, Ellipse, ... 등) Shape 프로토콜 형태 path(in:)->Path: shape의 형태를 Path로 리턴 role: 모양을 채우는 스타일을 정의하며, 결합 모양(composite shape)과 같은 것을 만들때 이 프로퍼티를 재정의하여 사용 default implementation이 존재 - ShapeRole.fill이 있고 stroke와 separator가 있는 타입 @available(iOS 13.0, macOS 10.15, tvOS 13.0, watchOS 6.0, *) public protocol Shape : Animatable, View { func path(..

이미지 사용 방법 asset 파일에 사진 파일 준비 ContentView에 Image()를 사용하여 이미지 표출 struct ContentView: View { var body: some View { Image("dog") } } SwiftUI에서는 clipShape()를 통해 이미지를 Circle형태로 만들기가 매우 쉬움 struct ContentView: View { var body: some View { Image("dog") .clipShape(Circle()) //

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)에..