Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- ribs
- Human interface guide
- clean architecture
- swift documentation
- Refactoring
- SWIFT
- 스위프트
- combine
- UITextView
- collectionview
- 애니메이션
- uitableview
- tableView
- 리펙터링
- ios
- 클린 코드
- Observable
- Clean Code
- RxCocoa
- MVVM
- uiscrollview
- 리팩토링
- HIG
- Protocol
- map
- 리펙토링
- rxswift
- swiftUI
- Xcode
- UICollectionView
Archives
- Today
- Total
목록인스타그램 썸네일 프로필 (1)
김종권의 iOS 앱 개발 알아가기
[iOS - swift] 인스타그램 썸네일 프로필 UI 구현 방법
사용한 프레임워크 UI 레이아웃 구현에 편의를 위해 사용 SnapKit Then 구현 아이디어 동그란 뷰가 여기저기서 많이 사용되고 있으므로, RoundView, RoundImageView를 새로 만들어서 사용 동그란 뷰를 서브클래싱하여 구현 핵심은 온라인 상태를 암시해주는 초록색 뷰의 위치 가장 아래에 있는 UIView에 이미지가 들어갈 containerView와 온라인 상태를 암시하는 greenDotContainerView를 삽입 containerView에는 이미지가 들어가는 형태로 구현 바깥 테두리의 그라데이션 효과는, layoutSubviews()에서 CAShapeLayer를 통해 테두리의 radius, width값을 구해서 사용 구현 동그란 뷰 RoundView, RoundImageView //..
UI 컴포넌트 (swift)
2022. 6. 28. 22:19