ShapeAnimation-Swift

Vector animation framework in Swift based on SwiftGraphics for iOS 9 and OSX. With ShapeAnimation you can easily create various animations with a nice Swift based syntax.

SVG animation development with SVGKit happens on the SVG branch. ShapeAnimation-ObjC is an alternative vector animation framework in Objective-C.

Also note this project has moved to Swift 2.0 which requires Xcode 7.0 and Mac OS X 10.10.

What's included

ShapeView class which contains vector shape layers.
- Helper functions to add image, text, circle, regular polygon, lines and other shapes.
- Support gradient fill with animation.
- Enumerate, hit-test or find layers.
Animation extension functions of CALayer.
- opacityAnimation, flashAnimation, backColorAnimation
- scaleAnimation, tapAnimation, transformAnimation
- rotate360Degrees, rotationAnimation
- shakeAnimation, moveAnimation, moveOnPathAnimation
- slideToRight, slideAnimation, flipHorizontally, flipVertically
- Layer dragging: constrainCenterToSuperview, bringOnScreen
Animation extension functions of CAShapeLayer.
- strokeStartAnimation, strokeEndAnimation, lineWidthAnimation
- strokeColorAnimation, fillColorAnimation, dashPhaseAnimation
- switchPathAnimation
Group animation and cascaded animation.
- animationGroup for the same layer
- applyAnimations for multiple layers
- Use the block-based function in apply() to play cascaded animations.
- Pause, resume or stop animations.
Animations with customized properties
- Use AnimationLayer class to draw customized animations.
- Animation with sliders example: EllipseViewController.swift

Usage

Please see the examples in MasterViewController.swift.

let layer1 = self.addLinesLayer(view, points:[(10.0,20.0),(150.0,40.0),(120.0,320.0)])
layer1.strokeEndAnimation().apply() {
    layer1.shakeAnimation().apply()
}

let la2 = self.addLinesLayer(view, points:points2, color: UIColor.blueColor())
lla2.scaleAnimation(from:1, to:1.1, repeatCount:3).apply(duration:0.3)

let la3 = self.addLinesLayer(view, points:points3, color: UIColor.greenColor())
la3.flashAnimation(repeatCount:6).apply()

let la4 = self.addLinesLayer(view, points:[(10.0,20.0), (150.0,40.0), (120.0,120.0)])
let a1 = la4.moveOnPathAnimation(path).setDuration(1.6)
let a2 = la4.rotate360Degrees().setRepeatCount(2)
animationGroup([a1, a2]).autoreverses().apply()

Help Wanted

All of this code is very much a work in progress. I'm adding and changing functionality as needed.

Your help wanted. Please fork this project and submit pull requests or [issues][issues]. [issues]: https://github.com/rhcad/ShapeAnimation-Swift/issues

Contributions are always welcome in the following areas:

Header doc comments explaining what the functions do
Useful animation template or application examples
Fix issues about animation, Swift usage rules or translations

License

ShapeAnimation-Swift is released under a BSD License. See LICENSE file for details.

FAQ

Could not build Objective-C module 'ShapeAnimation':
- Quit Xcode and delete the sub folders in ~/Library/Developer/Xcode/DerivedData/.

rhcad / shapeanimation-swift Goto Github PK