A-IOSHelper [Animax Helper]

This is a scaffold library and the aid of the project is providing all foundation functions for IOS developer to build app easier.
Stories in Ready Build Status

Project maintained by Animaxx Thanks mattgraham for original Theme

Animation

Animation helper provides easy way to set CALayer value animatingly, and it also provides the some frequent animation effects, such as shake, flash, and etc.


Contents


UIView Animations


Express Animation Effect

Express animation extends UIView animation function for providing common animations.


Flash

[demo A_AnimationEffect:
                A_AnimationEffectType_flash];
Image

Pulse

[demo A_AnimationEffect:
                A_AnimationEffectType_pulse];
Image

Shake Horizontal

[demo A_AnimationEffect:
                A_AnimationEffectType_shakeHorizontal];
Image

Shake Vertical

[demo A_AnimationEffect:
                A_AnimationEffectType_shakeVertical];
Image

Swing

[demo A_AnimationEffect:
                A_AnimationEffectType_swing];
Image

Wobble

[demo A_AnimationEffect:
                A_AnimationEffectType_wobble];
Image

Quake

[demo A_AnimationEffect:
                A_AnimationEffectType_quake];
Image

Squeeze

[demo A_AnimationEffect:
                A_AnimationEffectType_squeeze];
Image

Flip X

[demo A_AnimationEffect:
                A_AnimationEffectType_flipX];
Image

Flip Y

[demo A_AnimationEffect:
                A_AnimationEffectType_flipY];
Image

Flip Left

[demo A_AnimationEffect:
                A_AnimationEffectType_flipLeft];
Image

Flip Right

[demo A_AnimationEffect:
                A_AnimationEffectType_flipRight];
Image

Show-In & Show-Out Express Animations

Here is the express animations for show-in and show-out.



FlipX In & Out

 [demo A_AnimationEffect:
        A_AnimationEffectType_flipOutX
            Duration:.5f
            CompletionBlock:^{

                    [demo A_AnimationEffect:
                       A_AnimationEffectType_flipInX];

            }];
Image

FlipY In & Out

 [demo A_AnimationEffect:
        A_AnimationEffectType_flipOutY
            Duration:.5f
            CompletionBlock:^{

                    [demo A_AnimationEffect:
                        A_AnimationEffectType_flipInY];

            }];
Image

Fade In & Out

 [demo A_AnimationEffect:
        A_AnimationEffectType_fadeOut
            Duration:.5f
            CompletionBlock:^{

                    [demo A_AnimationEffect:
                        A_AnimationEffectType_fadeIn];

            }];
Image

Zoom In & Out

 [demo A_AnimationEffect:
        A_AnimationEffectType_zoomOut
            Duration:.5f
            CompletionBlock:^{

                    [demo A_AnimationEffect:
                        A_AnimationEffectType_zoomIn];

            }];
Image

Card In & Out

 [demo A_AnimationEffect:
        A_AnimationEffectType_cardOut
            Duration:.5f
            CompletionBlock:^{

                    [demo A_AnimationEffect:
                        A_AnimationEffectType_cardIn];

            }];
Image

CALayer Animations

CALayer category offers a easy way to set all kind of layer's properties with different animation motion pattern.



Animation Motion Types

Enumeration name and function diagrams, a part of them reference to easings.net



  • A_AnimationType_default

  • A_AnimationType_spring

  • A_AnimationType_longSpring

  • A_AnimationType_bigSpring

  • A_AnimationType_bigLongSpring

  • A_AnimationType_easeInSine

  • A_AnimationType_easeOutSine

  • A_AnimationType_easeInOutSine

  • A_AnimationType_easeInQuad

  • A_AnimationType_easeOutQuad

  • A_AnimationType_easeInOutQuad

  • A_AnimationType_easeInCubic

  • A_AnimationType_easeOutCubic

  • A_AnimationType_easeInOutCubic

  • A_AnimationType_easeInQuart

  • A_AnimationType_easeOutQuart

  • A_AnimationType_easeInOutQuart

  • A_AnimationType_easeInQuint

  • A_AnimationType_easeOutQuint

  • A_AnimationType_easeInOutQuint

  • A_AnimationType_easeInExpo

  • A_AnimationType_easeOutExpo

  • A_AnimationType_easeInOutExpo

  • A_AnimationType_easeInCirc

  • A_AnimationType_easeOutCirc

  • A_AnimationType_easeInOutCirc

  • A_AnimationType_easeInElastic

  • A_AnimationType_easeOutElastic

  • A_AnimationType_easeInOutElastic

  • A_AnimationType_easeInBack

  • A_AnimationType_easeOutBack

  • A_AnimationType_easeInOutBack

  • A_AnimationType_easeInBounce

  • A_AnimationType_easeOutBounce

  • A_AnimationType_easeInOutBounce


CALayer function demos

Setting properties of CALayer with animations

Set position x with A_AnimationType_easeOutExpo
Image
[demo.layer A_AnimationSetPositionX:240.0f
                AnimtionType:A_AnimationType_easeOutExpo];
Set position x with A_AnimationType_easeOutBounce
Image
[demo.layer A_AnimationSetPositionX:240.0f
                AnimtionType:A_AnimationType_easeOutBounce];
Set position x with A_AnimationType_easeOutElastic
Image
[demo.layer A_AnimationSetPositionX:240.0f
                AnimtionType:A_AnimationType_easeOutElastic];
Set position x with A_AnimationType_bigLongSpring
Image
[demo.layer A_AnimationSetPositionX:240.0f
                AnimtionType:A_AnimationType_bigLongSpring];
Combo animations
Image 
[demo.layer A_AnimationSet:@"position.y"
            AnimtionType:A_AnimationType_spring
            Start:@(0)
            End:@(200)
            Duration:1.2f
            FPS:A_AnimationFPS_high];
        [demo A_AnimationEffect:A_AnimationEffectType_squeeze Repeat:4 Duration:.3f CompletionBlock:^{
            [demo.layer A_AnimationSetRotationZ:3.0f AnimtionType: A_AnimationType_easeOutBounce];
            [demo.layer A_AnimationSetScale:0.8f AnimtionType:A_AnimationType_easeInOutSine];
        }];