参考Animate.CSS CSShake Magic.CSS

使用方法

#import <YTXAnimations/UIView+YTXAnimateCSS.h>
#import <YTXAnimations/UIView+YTXCSShake.h>
#import <YTXAnimations/UIView+YTXMagicCSS.h>

CAAnimation * tada = [view ytx_tadaAnimationWithDurationTime:1];
tada.repeatCount = CGFLOAT_MAX;

[view ytx_basicShakeAnimation];

//removeAnimationForKey the key is function name. Please pay attention to colon!!! "ytx_tadaAnimationWithDurationTime:"
[view.layer removeAnimationForKey:@"ytx_tadaAnimationWithDurationTime:"];

// No colon
[view.layer removeAnimationForKey:@"ytx_basicShakeAnimation"];

集成

您不应该仅使用：pod "YTXAnimations"。自从CocoaPods 0.36+版本起，您应该进行类似的操作：

pod 'YTXAnimations', :subspecs => ["AnimateCSS", "CSShake", "MagicCSS"]

许可

YTXAnimations基于MIT许可。请参阅LICENSE文件以获取更多信息。

如果您在使用YTXAnimations的应用中，我希望听到您关于它的信息。

Animate.CSS列表

吸睛特效

• ytx_jelloAnimationWithDurationTime
• ytx_wobbleAnimationWithDurationTime
• ytx_swingAnimationWithDurationTime
• ytx_rubberBandAnimationWithDurationTime
• ytx_pulseAnimationWithDurationTime
• ytx_flashAnimationWithDurationTime
• ytx_bounceAnimationWithDurationTime
• ytx_tadaAnimationWithDurationTime
• ytx_shakeAnimationWithDurationTime

弹动进入

• ytx_bounceInAnimationWithDurationTime
• ytx_bounceInDownAnimationWithDurationTime
• ytx_bounceInLeftAnimationWithDurationTime
• ytx_bounceInRightAnimationWithDurationTime
• ytx_bounceInUpAnimationWithDurationTime

弹动退出

• ytx_bounceOutAnimationWithDurationTime
• ytx_bounceOutDownAnimationWithDurationTime
• ytx_bounceOutLeftAnimationWithDurationTime
• ytx_bounceOutRightAnimationWithDurationTime
• ytx_bounceOutUpAnimationWithDurationTime

淡入进入

• ytx_fadeInAnimationWithDurationTime
• ytx_fadeInDownAnimationWithDurationTime
• ytx_fadeInDownBigAnimationWithDurationTime
• ytx_fadeInLeftAnimationWithDurationTime
• ytx_fadeInLeftBigAnimationWithDurationTime
• ytx_fadeInRightAnimationWithDurationTime
• ytx_fadeInRightBigAnimationWithDurationTime
• ytx_fadeInUpAnimationWithDurationTime
• ytx_fadeInUpBigAnimationWithDurationTime

淡出退出

• 以指定时间淡出动画：ytx_fadeOutAnimationWithDurationTime
• 向下淡出动画：ytx_fadeOutDownAnimationWithDurationTime
• 向下放大淡出动画：ytx_fadeOutDownBigAnimationWithDurationTime
• 向左淡出动画：ytx_fadeOutLeftAnimationWithDurationTime
• 向左放大淡出动画：ytx_fadeOutLeftBigAnimationWithDurationTime
• 向右淡出动画：ytx_fadeOutRightAnimationWithDurationTime
• 向右放大淡出动画：ytx_fadeOutRightBigAnimationWithDurationTime
• 向上淡出动画：ytx_fadeOutUpAnimationWithDurationTime
• 向上放大淡出动画：ytx_fadeOutUpBigAnimationWithDurationTime

放大退出动画

• 向外放大动画：ytx_zoomOutAnimationWithDurationTime
• 向右下放大动画：ytx_zoomOutDownAnimationWithDurationTime
• 向左放大动画：ytx_zoomOutLeftAnimationWithDurationTime
• 向右放大动画：ytx_zoomOutRightAnimationWithDurationTime
• 向上放大动画：ytx_zoomOutUpAnimationWithDurationTime

翻转动画

• 翻转动画：ytx_flipAnimationWithDurationTime
• 沿X轴翻入动画：ytx_flipInXAnimationWithDurationTime
• 沿Y轴翻入动画：ytx_flipInYAnimationWithDurationTime
• 沿X轴向外出动画：ytx_flipOutXAnimationWithDurationTime
• 沿Y轴向外出动画：ytx_flipOutYAnimationWithDurationTime

光速动画

• 光速进入动画：ytx_lightSpeedInAnimationWithDurationTime
• 光速退出动画：ytx_lightSpeedOutAnimationWithDurationTime

特殊效果

• 铰链动画：ytx_hingeAnimationWithDurationTime
• 滚动进入动画：ytx_rollInAnimationWithDurationTime
• 滚动退出动画：ytx_rollOutAnimationWithDurationTime

放大进入动画

• 放大动画：ytx_zoomInAnimationWithDurationTime
• 从左向右放大动画：ytx_zoomInLeftAnimationWithDurationTime
• 从右向左放大动画：ytx_zoomInRightAnimationWithDurationTime
• 向下放大动画：ytx_zoomInDownAnimationWithDurationTime
• 向上放大动画：ytx_zoomInUpAnimationWithDurationTime

滑动退出动画

• 向下滑出动画：ytx_slideOutDownAnimationWithDurationTime
• 向左滑动动画：ytx_slideOutLeftAnimationWithDurationTime
• 向右滑动动画：ytx_slideOutRightAnimationWithDurationTime
• 向上滑动动画：ytx_slideOutUpAnimationWithDurationTime

滑动进入动画

• 向下滑入动画：ytx_slideInDownAnimationWithDurationTime
• 向左滑入动画：ytx_slideInLeftAnimationWithDurationTime
• 向右滑入动画：ytx_slideInRightAnimationWithDurationTime
• 向上滑入动画：ytx_slideInUpAnimationWithDurationTime

旋转进入动画

• 向左下旋转进入动画：ytx_rotateInDownLeftAnimationWithDurationTime
• 旋转进入动画：ytx_rotateInAnimationWithDurationTime
• 向右下旋转进入动画：ytx_rotateInDownRightAnimationWithDurationTime
• 向右上旋转进入动画：ytx_rotateInUpRightAnimationWithDurationTime
• 向上左旋转进入动画：ytx_rotateInUpLeftAnimationWithDurationTime

旋转退出动画

• 向左下旋转退出动画：ytx_rotateOutDownLeftAnimationWithDurationTime
• 旋转退出动画：ytx_rotateOutAnimationWithDurationTime
• 向右下旋转退出动画：ytx_rotateOutDownRightAnimationWithDurationTime
• 向右上旋转退出动画：ytx_rotateOutUpRightAnimationWithDurationTime
• 向上左旋转退出动画：ytx_rotateOutUpLeftAnimationWithDurationTime

CSShake 列表

• 基本摇晃动画：ytx_basicShakeAnimation
• 轻微摇晃动画：ytx_littleShakeAnimation
• 慢速摇晃动画：ytx_slowShakeAnimation
• 强烈摇晃动画：ytx_hardShakeAnimation
• 水平摇晃动画：ytx_horizontalShakeAnimation
• 垂直摇晃动画：ytx_verticalShakeAnimation
• 旋转摇晃动画：ytx_rotateShakeAnimation
• 不透明度摇晃动画：ytx_opacityShakeAnimation
• 疯狂摇晃动画：ytx_crazyShakeAnimation

Magic.CSS 列表

魔法效果

• 魔法动画：ytx_magicAnimationWithDurationTime
• 向右下扭曲进入动画：ytx_twisterInDownAnimationWithDurationTime
• 向上扭曲进入动画：ytx_twisterInUpAnimationWithDurationTime
• 交换动画：ytx_swapAnimationWithDurationTime

静态效果

• 向左下开启动画：ytx_openDownLeftAnimationWithDurationTime
• 向右下开启动画：ytx_openDownRightAnimationWithDurationTime
• 向左上开启动画：ytx_openUpLeftAnimationWithDurationTime
• 向右上开启动画：ytx_openUpRightAnimationWithDurationTime
• 向左下回转动画：ytx_openDownLeftRetournAnimationWithDurationTime
• 向右下回转动画：ytx_openDownRightRetournAnimationWithDurationTime
• 向左上回转动画：ytx_openUpLeftRetournAnimationWithDurationTime
• 向右上回转动画：ytx_openUpRightRetournAnimationWithDurationTime

静态效果 退出

• ytx_openDownLeftOutAnimationWithDurationTime
• ytx_openDownRightOutAnimationWithDurationTime
• ytx_openUpLeftOutAnimationWithDurationTime
• ytx_openUpRightOutAnimationWithDurationTime

透视效果

• ytx_perspectiveDownAnimationWithDurationTime
• ytx_perspectiveUpAnimationWithDurationTime
• ytx_perspectiveLeftAnimationWithDurationTime
• ytx_perspectiveRightAnimationWithDurationTime
• ytx_perspectiveUpRetournAnimationWithDurationTime
• ytx_perspectiveDownRetournAnimationWithDurationTime
• ytx_perspectiveLeftRetournAnimationWithDurationTime
• ytx_perspectiveRightRetournAnimationWithDurationTime

旋转

• ytx_rotateDownAnimationWithDurationTime
• ytx_rotateUpAnimationWithDurationTime
• ytx_rotateLeftAnimationWithDurationTime
• ytx_rotateRightAnimationWithDurationTime

滑动

• ytx_slideDownAnimationWithDurationTime
• ytx_slideLeftAnimationWithDurationTime
• ytx_slideRightAnimationWithDurationTime
• ytx_slideUpAnimationWithDurationTime
• ytx_slideDownRetournAnimationWithDurationTime
• ytx_slideLeftRetournAnimationWithDurationTime
• ytx_slideRightRetournAnimationWithDurationTime
• ytx_slideUpRetournAnimationWithDurationTime

数学

• ytx_swashOutAnimationWithDurationTime
• ytx_swashInAnimationWithDurationTime
• ytx_foolishOutAnimationWithDurationTime
• ytx_foolishInAnimationWithDurationTime
• ytx_holeOutAnimationWithDurationTime

锡

• ytx_tinDownInAnimationWithDurationTime
• ytx_tinLeftInAnimationWithDurationTime
• ytx_tinRightInAnimationWithDurationTime
• ytx_tinUpInAnimationWithDurationTime
• ytx_tinDownOutAnimationWithDurationTime
• ytx_tinLeftOutAnimationWithDurationTime
• ytx_tinRightOutAnimationWithDurationTime
• ytx_tinUpOutAnimationWithDurationTime

弹跳

• ytx_boingInUpAnimationWithDurationTime
• ytx_boingOutDownAnimationWithDurationTime

在空间

• ytx_spaceOutUpAnimationWithDurationTime
• ytx_spaceOutRightAnimationWithDurationTime
• ytx_spaceOutDownAnimationWithDurationTime
• ytx_spaceOutLeftAnimationWithDurationTime
• ytx_spaceInUpAnimationWithDurationTime
• ytx_spaceInRightAnimationWithDurationTime
• ytx_spaceInDownAnimationWithDurationTime
• ytx_spaceInLeftAnimationWithDurationTime