A Simple collapsing header view based on this post
- Open o storyboard or Xib file.
- Drag and drop a
UIView
to a ViewController - In Identity Inspector, replace the class from
UITextField
toSimpleCollapsingHeaderView
and the module toSimpleCollapsingHeaderView
. - Configure
Min Height
andMax Height
in the Attribute Inspector - Add the following constraints:
- Trailing Space to Superview
- Leading Space to Superview
- Top Space to Superview
- Height equal to
Max Height
property (Unfornutately I still haven't figured a way to update the height constraint based on the@IBInspectable
)
- Connect the
Height Constraint
to theheaderHeightConstraint
of theSimpleCollapsingHeaderView
- Connect the
SimpleCollapsingHeaderView
to you ViewController - Call
collapseHeaderView(using: scrollView)
inside yourscrollViewDidScroll(_ scrollView: UIScrollView)
method
Animations can be done by implementing the SimpleCollapsingHeaderViewDelegate
, the onHeaderDidAnimate
returns the percentage of how much the Header view is collapsed
A simple animation can be found inside the example Project
To run the example project, clone the repo, and run pod install
from the Example directory first.
- Minimum iOS version required: 9.0
- Implement the previous scroll inset in a way that you can have more than 1 scrollView resizing the Header View
SimpleCollapsingHeaderView is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'SimpleCollapsingHeaderView'
Nicholas Meschke, nichsmm@gmail.com
SimpleCollapsingHeaderView is available under the MIT license. See the LICENSE file for more info.