CSStickyHeaderFlowLayout/CSStickyHeaderFlowLayout
CSStickyHeaderFlowLayout
CSStickyHeaderFlowLayout is a custom layout subclass for iOS collection views designed to implement sticky section headers and parallax effects. It manages the positioning of headers to ensure they remain pinned to the top of the viewport as the user scrolls through a list.
The layout utilizes push-based displacement to remove a pinned header once the subsequent section header reaches the top of the screen. It also incorporates linear interpolation to move header imagery at a different rate than the scroll offset, creating a visual sense of depth.
These capabilities are achieved through dynamic coordinate mapping and real-time scroll-offset calculations to determine when headers should pin, float, or displace.
Features
- UICollectionView - Extends UICollectionView layout to provide specialized sticky and parallax scrolling effects.
- UICollectionView Layouts - Provides a custom UICollectionView layout subclass to implement specialized scrolling behaviors.
- Advanced List Navigation - Implements advanced scrolling patterns including sticky headers and programmatic scroll control.
- Sticky Section Headings - Implements sticky positioning for section headings that remain pinned to the top of the viewport during scrolling.
- Parallax Effects - Creates visual depth in the header by shifting its position relative to the scroll offset.
- Section Index Mappings - Translates relative section indices into absolute screen coordinates to trigger pinning and floating behaviors.
- Push-Based Header Displacement - Triggers the removal of a pinned header when the subsequent section header reaches the top of the viewport.
- Fixed Header Offsets - Calculates real-time vertical offsets to prevent content from being hidden and to manage header positioning.
- Scroll-Based Property Interpolation - Uses linear interpolation to move header imagery at a slower rate than the scroll offset.
