Skip to content

vaderdan/FlickrParlaxDemo

Repository files navigation

FlickrParlaxDemo

Code for Flickr's intro paralax walkthrough article

How to Install or update the cocoa pods dependencies

In terminal naviate to the project's directory and then type:

pod install

#Enjoy

All of the AutoLayout constraints are held in the Story board, to declutter the ViewController.

The ParalaxHelper class can be used to configure some more pages if you wish: just pass him the parallax page views, paths and animation translation values(offsets - how far will the views go)

let paths:[CGPath] = [circlePathForSize(personView.frame.size), circlePathForSize(box1View.frame.size), circlePathForSize(box2View.frame.size), circlePathForSize(box3View.frame.size), circlePathForSize(box4View.frame.size), circlePathForSize(box5View.frame.size), circlePathForSize(box6View.frame.size)]


let views:[UIView] = [personView, box1View, box2View, box3View, box4View, box5View, box6View]
let offsets:[CGFloat] = [1100, 400, 550, 300, 400, 500, 20]

let paralax = ParalaxHelper.init(animator: animator, views: views, paths: paths, offsets: offsets, width: view.frame.size.width, margin: 0)

paralax.configure()

And you are also not limited to use circle or oval paths as view mask, you could make custom shapes with PainCode and include them here as bezier paths.

About

Code for Flickr's intro paralax walkthrough article

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published