Giter Club home page Giter Club logo

arale's Introduction

License Platform Version

Arale

A custom stretchy big head for UITableView, UICollectionView, or any UIScrollView subclasses.

Demo

Example 1

Arale, by ZulwiyozaPutra

  • Compatible with UITableView, UICollectionView, or any UIScrollView subclasses.
  • Data source and delegate independency: can be added to an existing view controller withouth interfering with your existing delegate or dataSource
  • No need to subclass a custom view controller or to use a custom UICollectionViewLayout
  • Simple usage: just implement your own subclass and add it to your UIScrollView subclass

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

var araleHeaderView: HeaderView!

...

func viewDidLoad() {
  super.viewDidLoad()
  let araleHeaderView = HeaderView(minHeight: 256.0)
  araleHeaderView.delegate = self
  araleHeaderView.dataSource = self
  self.araleHeaderView.delegate = self
  self.araleHeaderView.dataSource = self
  self.tableView.addSubview(self.araleHeaderView)
}

...

// You need to conform your ViewController to HeaderViewDataSource
// observableScrollViewForHeaderView will return any UIScrollView children instance to be tracked by the HeaderView

func observableScrollViewForHeaderView() -> UIScrollView {
  guard let tableView = self.tableView else {
    fatalError()
  }
        
  return tableView
}

...

// In case you want to add a refreshControl
// To handle action if the HeaderView has resize to maxHeight you can use HeaderViewDelegate

func headerViewWillStartRefreshing() {
  // If you have a refreshControl in the HeaderView then it will start refreshing for you
  print("Handle Your Refreshing Action Here")
}

Configuration

You can change multiple parameters in your stretchy header view:

// you can set the margin between the big head and your content to 0, the default is 16
araleHeaderView.bottomMargin = 0

// You can change the minimum and maximum content heights
araleHeaderView.minHeight = 64
araleHeaderView.maxHeight = 280

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

Zulwiyoza Putra

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.

arale's People

Contributors

supercomputra avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.