일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- combine
- SWIFT
- MVVM
- Clean Code
- clean architecture
- ios
- 스위프트
- Xcode
- rxswift
- HIG
- collectionview
- 클린 코드
- 애니메이션
- uitableview
- UICollectionView
- swiftUI
- 리팩토링
- 리펙터링
- uiscrollview
- 리펙토링
- swift documentation
- Refactoring
- Human interface guide
- map
- ribs
- UITextView
- Protocol
- tableView
- Observable
- RxCocoa
- Today
- Total
목록바텀 시트 (2)
김종권의 iOS 앱 개발 알아가기
FloatingPanel 프레임워크 * FloatingPanel github bottom sheet UI 프레임워크 중 높은 star를 가지고 있는 프레임워크 FlaotingPanel을 이용하면 bottom sheet UI를 쉽게 구현할 수 있지만, 원하는 스타일의 bottom sheet를 구현하는 방법은 github에 나와있지 않으므로 따로 해당 글에서 알아보기 일반적인 BottomSheet 형태 2가지 1) bottom sheet의 뒷 배경을 터치할 수 있는 형태 2) bottom sheet의 뒷 배경을 dimmed 처리하고, 터치하면 닫히는 형태 구현 아이디어 1), 2) 타입 모두 handler를 가지고 내려서 dismiss 시킬 수 있어야하고, bottomSheet안에 있는 scrollView를..
구현 아이디어 - 뷰의 구조 레이아웃을 쉽게하기 위해서 뷰 2개를 사용 맨 아래에 깔린 뷰 - 터치 이벤트가 아래 뷰에 전달되는 PassThroughView를 사용 그 위에 UIView를 얹는 형태 (= bottomSheetView) BottomSheetView의 constraint left.right.bottom은 superview와 같도록 정의 top은 미리 정의해둔 yPosition만큼 top의 간격만큼 처리 // tip(아래쪽에 붙어있는 모드)과 full로 정하고, 각 yPosition을 계산 enum Mode { case tip case full } private enum Const { static let bottomSheetRatio: (Mode) -> Double = { mode in swi..