StickyHeaderTabController

Twitter profile-inspired tabbed content controller with sticky header and hero.

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Requirements

Installation

StickyHeaderTabController is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod'StickyHeaderTabController'

Usage

To get started just subclass StickyHeaderTabController and add a header! See the example project for more details.

classExampleTabController:StickyHeaderTabController{privateletexampleHeader=ExampleStickyHeaderView()privateletexampleHero=ExampleStickyHeroView()privateletexampleTabBar=ExampleTabBar(frame:.zero) // optional customization
overridefunc viewDidLoad(){
super.viewDidLoad()
delegate =self
stickyHeader = exampleHeader
hero = exampleHero
tabBar = exampleTabBar
tabs =[StatesTabViewController(),ColorsTabViewController()]}fileprivatefunc updateAvatarFrame(){
// Recalculate the avatar's frame based on scroll position
}fileprivatefunc updateNameLabel(){
// Recalculate name label's position based on scroll position
}}extensionExampleTabController:StickyHeaderTabControllerDelegate{func stickyHeaderTabControllerDidScrollVertically(_ controller:StickyHeaderTabController){
// Perform any frame updates based on changes to contentOffset
updateAvatarFrame()updateNameLabel()}}

StickyHeaderView

• width is set by StickyHeaderTabController
• height should be set by you
  • must not have priority >= 700 in order for stretch on vertical bounce to work.
  • be careful of compression resistance of subviews, especially imageviews.

StickyHeroView

• width is set by StickyHeaderTabController
• height should be set by you
  • must not have any priorities lower than 250.

Author

Benjamin Chrobot, benjamin.chrobot@alum.mit.edu

License

StickyHeaderTabController is available under the MIT license. See the LICENSE file for more info.