Skip to content

vividcode/SwiftyShapeChainAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SwiftyShapeChainAnimation

SwiftyShapeChainAnimation relies on power of UIKit core animation combined with path mathemagic.

Create geometric shapes and animate them seamlessly using simple interface.

Example:

//Create Shape Array

var shapes: [Shape] = [.triangle, .rectangle, .pentagon, .hexagon, .heptagon, .octagon, .nanogon, .decagon, .circle]

//Create + Configure ChainShapeLayer

let chainShapeLayer = ChainShapeLayer()

//Assuming chainShapeLayer is part of the UIView root layer's hierarchy

chainShapeLayer.chainAnimations(shapes: shapes, bShouldReturnToFirstState: false, bIsInfinite: true)

or

//Create Shape Array

var shapes: [Shape] = [.triangle, .rectangle, .pentagon, .hexagon, .heptagon, .octagon, .nanogon, .decagon, .circle]

//Create + Configure ChainShapeLayer

let chainShapeLayer = ChainShapeLayer()

//Assuming chainShapeLayer is part of the UIView root layer's hierarchy

chainShapeLayer.chainAnimations(shapes: shapes, bShouldReturnToFirstState: true, bIsInfinite: false)

Live Demo:

Extend:

Feel free to extend/modify ChainShapeLayer.swift to configure animation parameters including duration, media timing function and so on.

About

iOS UIKit chain animations using shape layer

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages