김종권의 iOS 앱 개발 알아가기

1. UICollectionViewFlowLayout 사용 방법 - 수평 스크롤 뷰 (horizontal scroll view) 2. UICollectionViewFlowLayout 사용 방법 - 격자, 그리드 뷰 (grid view) FlowLayout을 사용하면 columns 수도 손쉽게 변경 가능 구현 아이디어 셀의 레이아웃을 결정하는 곳은 델리게이트임을 알고 (UICollectinoViewDelegateFlowLayout) 여기서 셀의 크기를 결정하도록 설정 위 델리게이트 중 sizeForItemAt 메소드에서 collectionView의 width값을 가져와서 너비에 관한 적절한 크기를 계산해서 셀의 크기를 결정해주면 grid cell 완성 셀의 크기 계산 collectionView.bounds..

1. UICollectionViewFlowLayout 사용 방법 - 수평 스크롤 뷰 (horizontal scroll view) 2. UICollectionViewFlowLayout 사용 방법 - 격자, 그리드 뷰 (grid view) cf)UICollectionViewCompositionalLayout를 이용한 방법은 이 포스팅 글 참고 구현 아이디어 커스텀 셀 셀의 CGSize 크기는 collectionView를 사용하는쪽에서 정해질 것을 인지하고 cell에서는 autolayout 작성 시 크기를 생각하지 않고 레이아웃만 집중 collectionView 사용하는 곳 flowLayout인스턴스의 scrollDirection 방향을 horizontal로 설정 flowLayout인스턴스의 cellSize ..

UITableView에서 셀 간 간격 설정 방법 * CustomCell에서 layoutSubviews를 이용하여 설정 방법은 해당 포스팅 글 참고 가장 단순한 방법은 UICollectionView를 사용하여 UITableView처럼 사용 아래에서 볼 것이지만, UITableView는 contentInset 설정도 버그가 있으므로 UICollectionView 사용을 지향 UICollectionView와 UICollectionViewFlowLayout를 사용 let layout = UICollectionViewFlowLayout() layout.minimumLineSpacing = 8.0 // CGSize { .init(width: collectionView.bounds.width - 60, height:..

AlignedCollectionViewFlowLayout 프레임워크 3개의 섹션에 각 item들이 있는 형태 예시 화면 AlignedCollectionViewFlowLayout 프레임워크 github 내부적으로 UICollectionViewFlowLayout을 서브 클래싱하여 align을 쉽게 다룰 수 있도록 하는 프레임워크 UI 레이아웃 설정 편의를 위해 사용한 다른 프레임워크 참고 Reusable Then SnapKit AlignedCollectionViewFlowLayout 사용 방법 cocoapods 종속성 pod 'AlignedCollectionViewFlowLayout'​ Cell 정의 import UIKit import Reusable import SnapKit import Then fina..

1. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout 2. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout을 이용한 CarouselView (수평 스크롤 뷰) 3. CollectionView (컬렉션 뷰) - custom layout (grid, pinterest 레이아웃 구현) 4. CollectionView (컬렉션 뷰) -실전 사용 방법 (FlowLayout, CustomLayout, binary search, cache) FlowLayout vs CustomLayout Grid 형태처럼 단순한 것은 FlowLayout 사용 Pinterest앱과 같이 복잡한 Grid 형태인 경우 CustomLayout 사용 F..

cf) ScrollView + StackView를 이용한 수평 스크롤 뷰: https://ios-development.tistory.com/617 [iOS - swift] UI 컴포넌트 - 수평 스크롤 뷰 (ScrollView + StackView) cf) collectionView를 이용한 수평 스크롤 뷰: https://ios-development.tistory.com/632 [iOS - swift] CollectionView(컬렉션 뷰) - 수평 스크롤 뷰 (UICollectionViewFlowLayout) 1. custom layout이 아닌 UICo.. ios-development.tistory.com 1. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayo..

1. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout 2. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout을 이용한 CarouselView (수평 스크롤 뷰) 3. CollectionView (컬렉션 뷰) - custom layout (grid, pinterest 레이아웃 구현) 4. CollectionView (컬렉션 뷰) -실전 사용 방법 (FlowLayout, CustomLayout, binary search, cache) CollectionView에 사용될 mock data 준비 struct CollectionViewData { static let data = ["1", "2", "3", "4", "5", "..

1. collectionView 개념 2. collectionView 구현, custom cell 3. collectionView 레이아웃 개념 (UICollectionViewFlowLayout) * CollectionView(컬레션 뷰) - self resizing cell, custom Layout 방법 참고: https://ios-development.tistory.com/629 UICollectionViewFlowLayout CollectionView에는 CollectionViewLayout라는 객체가 있고, 이 객체가 cell들의 레이아웃과 스타일을 담당 크게 FlowLayout과 CustomLayout이 존재 FlowLayout: default되어 있는 옵션 customLayout: 직접 La..