일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Observable
- uitableview
- 리펙터링
- collectionview
- 클린 코드
- HIG
- Protocol
- tableView
- 리팩토링
- combine
- MVVM
- UICollectionView
- Clean Code
- uiscrollview
- RxCocoa
- Human interface guide
- Xcode
- swiftUI
- SWIFT
- Refactoring
- rxswift
- UITextView
- ribs
- 스위프트
- 리펙토링
- swift documentation
- ios
- clean architecture
- map
- 애니메이션
- Today
- Total
목록마스킹 (3)
김종권의 iOS 앱 개발 알아가기
1. CALayer 마스킹 활용 - 마스킹하는 기본 방법 (mask, .evenOdd) 2. CALayer 마스킹 활용 - 특정 뷰 음영 효과 주는 방법 3. CALayer 마스킹 활용 - 뷰 합치는 방법 shapeLayer에 path 대입 -> layer.mask에 대입) 핵심 부분은 path를 그리는 것이고 이 부분의 코드가 길기 때문에 따로 메소드로 빼서 구현 private func mask() { // 1. path 인스턴스로 경로 정보 획득 let firstPath = getFirstImagePath() let secondPath = getSecondImagePath() // 2. shapeLayer.path에 위 path 인스턴스 대입 let firstShapeLayer = CAShapeLay..
1. CALayer 마스킹 활용 - 마스킹하는 기본 방법 (mask, .evenOdd) 2. CALayer 마스킹 활용 - 특정 뷰 음영 효과 주는 방법
마스킹 구현 아이디어 파란색 UIView의 layer.mask에 CAShapeLayer() 인스턴스를 주입하여, 안에가 비어지도록 구현 CAShapeLayer 인트선스의 path에는 와인딩 룰을 가지고 있는 UIBezierPath를 주입 사전 지식) UIBezierPath의 성질 - 와인딩 룰 Winding Rules: path의 외부와 내부를 파악하는 방법 중 하나이며, path의 방향에 따라 내부를 칠하거나 비우는 규칙 UIView의 path값을 UIBezierPath인스턴스로 만든 후, UIView의 mask에 넣으면 와인딩 룰에 의하여 안쪽 color를 채워주는 방법 path가 겹치는 부분들의 내부 색상은 CAShapeLayer의 "fillColor"프로퍼티, path의 색상은 "strokeCol..