일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- swiftUI
- Refactoring
- combine
- uiscrollview
- tableView
- 스위프트
- 애니메이션
- Observable
- clean architecture
- MVVM
- map
- Human interface guide
- Xcode
- ios
- rxswift
- 클린 코드
- 리펙토링
- ribs
- SWIFT
- collectionview
- uitableview
- 리팩토링
- swift documentation
- Clean Code
- HIG
- UICollectionView
- 리펙터링
- RxCocoa
- Protocol
- UITextView
- Today
- Total
목록Linear (3)
김종권의 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..
목차) SwiftUI의 기본 - 목차 링크 Animation SwiftUI에서는 withAnimation을 통하여 쉽게 애니메이션 효과 적용이 가능 버튼을 눌렀을때 widthAnimation()에 애니메이션 타입, duration, 애니메이션 적용할 클로저 블록만 구현하면 완료 애니메이션 적용 방법 애니메이션을 적용하기 전에 필요한 뷰 준비 모두 동일한 width로 시작 GeometryReader를 통해 현재 영역의 width, height값을 사용 struct ContentView : View { private let duration = 3.0 @State var isAnimated = false @State var width1 = 150.0 @State var width2 = 150.0 @State ..
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)에..