일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- collectionview
- Clean Code
- SWIFT
- clean architecture
- UITextView
- uiscrollview
- combine
- Human interface guide
- map
- UICollectionView
- tableView
- Protocol
- Refactoring
- MVVM
- Observable
- uitableview
- ios
- 클린 코드
- HIG
- rxswift
- 리펙토링
- Xcode
- 애니메이션
- 리팩토링
- swift documentation
- 스위프트
- ribs
- RxCocoa
- swiftUI
- 리펙터링
- Today
- Total
목록uiscrollview (21)
김종권의 iOS 앱 개발 알아가기
nested scrollView 안쪽과 바깥쪽 스크롤 뷰 모두 isScrollEnabled가 on인 경우, 아래처럼 안쪽 스크롤이 활성화되어 있는 상태 단, 안쪽 스크롤이 상단까지 스크롤된 경우, 더 이상 스크롤 할 내용이 없다면 아래처럼 자동으로 바깥쪽 스크롤이 되는 형태 스크롤 뷰 안에 또다른 스크롤 뷰가 있을 경우, 바깥쪽 스크롤이 어느정도 스크롤 되었을 때 안쪽 스크롤 뷰가 스크롤 되도록 하는 방법? 1) 안쪽 스크롤의 isScrollEnabled를 false로 초기화 2) scrollViewDidScroll()델리게이스 메소드에서 contentOffset을 보고 스크롤을 상단 뷰의 길이만큼 한 경우 스크롤 활성화 구현 방법 * 예제에는 코드로 오토레이아웃 정의에 편리한 SnapKit 사용 Vie..
* Storyboard를 이용한 구현은 이 포스팅 글 참고 UIScrollView UIScrollView의 특징은 layout의 종류가 두 가지 frameLayoutGuide: 변형되지 않은 레이아웃 (autolayout과 같은 제약조건으로 한번 정하면 고정) contentLayoutGuide: 변형되는 레이아웃 (내부 컨텐츠의 intrinsic content size에 의해서 변형) UIScrollView와 UIStackView 사용 방법 * 예제에 코드로 UI작성을 위해 SnapKit 사용 scrollView, stackView 준비 (수직 스크롤 구현할 경우) stackView의 axis를 vertical로 설정 class ViewController: UIViewController { private..
구현 아이디어 상단에는 UIImageView, 하단에는 스크롤되는 UITableView나 UICollectionView 준비 (예제에서는 UICollectionView 사용) UIImageView와 UICollectionView 레이아웃 UICollectionView의 topAnchor를 화면의 최상단으로 제약 UICollectionView의 top contentInset값을 UIImageView의 크기만큼 설정 - UIImageView가 마치 collectionView의 하나의 셀처럼 보이도록 하기 위함 상단의 UIImageView도 마치 스크롤 되는 동작처럼 보여야하므로, scrollViewDidScroll(_:) 델리게이트에서, scrollView.contentOffset.y값을 이용하여 UIIma..
* 레이아웃 구현에 편의를 위해 예제에서 사용한 프레임워크 SnapKit UIScrollView 간단 구현 UIScrollView 하나를 두고, 안에 내용들이 들어갈 UIStackView를 준비 내용이 표시될 label, button 준비 // ViewController.swift private lazy var scrollView: UIScrollView = { let view = UIScrollView() return view }() private lazy var stackView: UIStackView = { let view = UIStackView() view.axis = .vertical view.spacing = 8 return view }() private lazy var label: UILa..
UIScrollView 구현 원리 UIScrollView는 swift에서 내부적으로 Frame layout guide와 content layout guide가 존재 content view를 UIScrollView안에 넣고 위 두 layout guide를 설정하면 구현 완료 구현 흐름 1) frame 1-1) super view와 frame layout guide 설정 2) content 2-1) content 뷰 생성 2-2) content 뷰와 content layout guide (space 설정 후 모두 0으로 해주어야 하는 것 주의) 2-3) content 뷰와 frame layout guide의 width를 1:1로 3) 내부 component 추가 3-1) content 뷰 안에 들어갈 내용 ..