Arale
A custom stretchable header view for UIScrollView
or any its subclasses with UIActivityIndicatorView
support for reloading your content. Built for iOS 10 and later.
Demo
ZulwiyozaPutra
Arale, by- Compatible with
UITableView
,UICollectionView
, or anyUIScrollView
subclasses. - Data source and delegate independency: can be added to an existing view controller without interfering with your existing
delegate
ordataSource
. - No need to subclass a custom view controller or to use a custom
UICollectionViewLayout
.
If you are using this library in your project, I would be more than glad to know about it!
Usage
To add a stretchy header to your table or collection view, you just have to do this:
import Arale
init
with optional backgroundImage
let araleHeaderView = AraleHeaderView(minHeight: 256.0, backgroundImage: myBackgroundImage)
self.tableView.addSubview(araleHeaderView)
In case you want to add a UIActivityIndicatorView
, to handle action if the AraleHeaderView
did resize to maxHeight
you can implement a AraleHeaderViewDelegate
conformed UIViewController
araleHeaderView.delegate = self
You can implement headerViewDidReachMaxHeight
method to get event when the araleHeaderView
did reach the maximum height
func headerViewDidReachMaxHeight(_ headerView: AraleHeaderView) {
NSLog("%@", "Start Refreshing")
headerView.activityIndicatorView.stopAnimating()
}
AraleHeaderViewDelegate
comes with three optional delegate method
func headerViewWillResizeFrame(_ headerView: AraleHeaderView)
func headerViewDidResizeFrame(_ headerView: AraleHeaderView)
func headerViewDidReachMaxHeight(_ headerView: AraleHeaderView)
Configuration
You can add an optional UIViewActivityIndicatorView
in your stretchy header view:
let myActivityIndicatorview = UIActivityIndicatorView(style: .white)
araleHeadeView.activityIndicatorView = myActivityIndicatorView
the activityIndicatorView
will not be rendered if remain nil
in case you don't need an activityIndicator.
Installation
Arale is available through CocoaPods. To install it, simply add the following line to your Podfile, you can check the Example Podfile to see how it looks like:
pod "Arale"
Author
Contributions
Contributions are more than welcome! If you find a solution for a bug or have an improvement, don't hesitate to open a pull request!
License
Arale
is available under the MIT license. See the LICENSE file for more info.
If your app uses Arale
, I'd be glad if you reach me via Twitter or via email.