DKChainableAnimationKit alternatives and similar libraries
Based on the "Animation" category.
Alternatively, view DKChainableAnimationKit alternatives based on common mentions on social networks and blogs.
-
Pop
DISCONTINUED. An extensible iOS and OS X animation library, useful for physics-based interactions. -
IBAnimatable
Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. -
Keyframes
DISCONTINUED. A library for converting Adobe AE shape based animations to a data format and play it back on Android and iOS devices. -
EasyAnimation
A Swift library to take the power of UIView.animateWithDuration(_:, animations:...) to a whole new level - layers, springs, chain-able animations and mixing view and layer animations together! -
ZoomTransitioning
ZoomTransitioning provides a custom transition with image zooming animation and swiping the screen edge. -
AHDownloadButton
Customizable download button with progress and transition animations. It is based on Apple's App Store download button. -
SamuraiTransition
SamuraiTransition is an open source Swift based library providing a collection of ViewController transitions featuring a number of neat “cutting” animations. -
CCMRadarView
CCMRadarView uses the IBDesignable tools to make an easy customizable radar view with animation -
ADPuzzleAnimation
Inspired by Fabric - Answers animation. Allows to "build" given view with pieces. Allows to "destroy" given view into pieces
InfluxDB - Purpose built for real-time analytics at any scale.
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of DKChainableAnimationKit or a related project?
README
[](./Gifs/DKChainableAnimationKit.jpg)
This project is highly inspired by JHChainableAnimations, If you project is developed with Objective-C, use JHChainableAnimations instead.
With DKChainableAnimationKit
Using DKChainableAnimationKit, you do not need to write the extra parentheses.
view.animation.makeScale(2.0).spring.animate(1.0)
Installation with CocoaPods
CocoaPods is a dependency manager for Objective-C, which automates and simplifies the process of using 3rd-party libraries like DKNightVersion in your projects. See the Get Started section for more details.
Podfile
use_frameworks!
pod "DKChainableAnimationKit", "~> 2.0.0"
Installation with Carthage
Carthage is a depency manager for Objectiv-C and Swift.
Cartfile
github "Draveness/DKChainableAnimationKit"
Usage
Import DKChainableAnimationKit in proper place.
import DKChainableAnimationKit
DKChainableAnimationKit is designed to be extremely easy to use. First call animation
method on UIView
instance, and then add the animation you want followed by a animate(t)
method.
view.animation.moveX(100.0).animate(1.0)
Animating
Chainable properties or functions like moveX(x)
must come between the animate(duration)
function.
view.animation.moveX(100.0).animate(1.0)
If you want mutiple animation at one time.
view.animation.moveX(100.0).moveY(100.0).animate(1.0)
This will move the view 100 point right and 100 point down at the same time. Order is not important.
Chaining Animations
To chain animations separate the chains with the thenAfter(duration) function.
view.animation.moveX(100.0).thenAfter(1.0).makeScale(2.0).animate(2.0)
This will move the view for one second and after moving, it will scale for two seconds.
Animation Effects
To add animation effect, call the effect method after the chainable property you want it to apply it.
Below is an example of moving a view with a spring effect.
view.animation.moveX(10).spring.animate(1.0)
If you add two animation effect, the first will be cancel out.
view.animation.moveX(10).spring.bounce.animate(1.0)
// The same as view.animation.moveX(10).bounce.animate(1.0)
Anchoring
To anchor your view call an anchoring method at some point in an animation chain. And if you add two anchoring property, the first will be cancel like effects.
view.animation.rotate(180).anchorTopLeft.thenAfter(1.0).rotate(90).anchorCenter.animanimation
Delay
To delay an animation call the wait(time)
or delay(time)
chainable function.
view.animation.moveXY(100, 40).wait(0.5).animate(1.0)
view.animation.moveXY(100, 40).delay(0.5).animate(1.0)
delay
This will move the view after 0.5 second delay.
Completion
If you want to run code after an animation finishes, you are supposed to set the animationCompletion
property or call animateWithCompletion(t, completion)
function.
view.animation.makeX(0).animateWithCompletion(1.0, {
println("Animation Done")
})
This is the same as
view.animation.animationCompletion = {
println("Animation Done")
}
view.animation.makeX(0).animate(1.0)
And also the same as
view.animation.makeX(0).animate(1.0).animationCompletion = {
println("Animation Done")
}
Bezier Paths
You can also animate a view along a UIBezierPath. Call bezierPathForAnimation
method first and then add points or curves to it and us it in a chainable property.
let path = view.animation.bezierPathForAnimation()
path.addLintToPoint(CGPoint(x: 30, y: 40))
view.animation.moveOnPath(path).animate(1.0)
Animation effects does not work on path movement.
Chainable Properties
moveX(100.0)
moveY(100.0)
moveWidth(100.0)
moveHeight(100.0)
moveXY(100.0, 100.0)
makeX(100.0)
makeY(100.0)
makeOrigin(100.0, 100.0)
makeCenter(100.0, 100.0)
makeWidth(100.0)
makeHeight(100.0)
makeSize(100.0, 100.0)
makeFrame(rect) // let rect: CGRect
makeBounds(rect) // let rect: CGRect
makeScale(2.0)
makeScaleX(2.0)
makeScaleY(2.0)
makeOpacity(0.0)
makeBackground(purple) // let purple: UIColor
makeBorderColor(red) // let red: UIColor
makeBorderWidth(10.0)
makeCornerRadius(25.0)
To Do
- Support OS X
- Support Swift 2.0
Contact
- If you have some advice open an issue or a PR.
- Email [Draveness](mailto: [email protected])
License
DKChainableAnimationKit is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the DKChainableAnimationKit README section above
are relevant to that project's source code only.