WWDC 2020 | Advances in UICollectionView

https://developer.apple.com/videos/play/wwdc2020/10097/


iOS14에서의 UICollectionView에 대한 발표입니다 !
(LazyStack이 나온 시점에서 뭐랄까 ,, 씁쓸해지는 이마음 😓)


오늘의 Sample이 되어줄 EmojiExplorer.


Emoji Explorer에는 3가지 레이아웃이 사용되고 있다.

iOS 14 ~ 부터
접을 수 있는 Outline을 UICollectionView로
구현할 수 있다.

UICollectionView에서 UITableView와 같은 디자인을 만들 수 있다.



CollectionView APIs

iOS 6에서 UICollectionView가 처음 Release 되었을 때,
iOS 6에서 UICollectionView는 Release 되었다 ……….. (뭐랄까 ,, 너무 슬픈 은퇴같잖아 ㅠ그만해요 ㅠ !!!!)

Data = What
Layout = Where


iOS13

Data와 Layout의 변화된 Component가 등장.


iOS 14

Data, Layout, Presentation 모두 새롭게 변화된다 !!!!!

Data

Diffable Data Source (iOS 13에서 등장)
📺 WWDC 2020 | Advanced in diffable data sources

Snapshot data type을 추가하여 UI state를 아주 간편하게 관리할 수 있는 것.
Snapshot은 Unique section 및 item identifier를 사용하여 전체 UI 상태를 캡슐화시킨다.

Snapshot의 장점
– Automatic animations
– No more batch updates


Section Snapshots (iOS 14에서 등장) – NEW
✏️ Documentation: NSDiffableDataSourceSectionSnapshots
새로운 Snapshot type이 추가되었다 !

이름대로 하나의 Section을 data로 캡슐화 시킨다.
Section을 캡슐화시키는 이유
– More composable data sources, section-sized chunks of data.
Hierachical data 👉 Outline으로 확장되는 UI가 가능하다

Layout

Compositional Layout (iOS 13에서 등장)
Composable
Fast
Section Specific layout



List Configuration (iOS 14에서 등장) – NEW
UITableView와 같은 Layout을 UICollectionView에서 할 수 있다 !
– UITableView의 Swipe Actions를 사용할 수 있다.
Common cell layouts

🔗 WWDC 2020 | Lists in UICollectionView

장점
– Simple
– Per-section or entire layout

✏️ Document : UIListContentConfiguration
단 두 줄로 layout을 만들 수 있다

UICollectionViewListCell – ✏️ Document
Header / footer support
Sidebar appearance


Cell

Modern Cells

Cell Registrations
– Reusable
– No more forgetting to call
– Less code


Cell content configurations
📺 WWDC 2020 | Modern cell configuration

UITableView의 standard layout을 제공한다.
어떤 Cell은 물론 심지어 UIView까지 구성시킬 수 있다
Flexible


Background Configurations
– 색상, Border style 등을 지정할 수 있다

“WWDC 2020 | Advances in UICollectionView”의 1개의 생각

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중