欢迎光临
我们一直在努力

交互动画框架 – JazzHands

建站超值云服务器,限时71元/月

交互动画框架 - JazzHands

项目介绍:

项目简介

JazzHands是一个基于UIKit的关键帧动画框架。动画可以通过手势,滚动视图,KVO或者ReactiveCocoa控制。

安装

JazzHands可以通过 获得。为了安装,直接将下行代码加入到你的Podfile:

pod “JazzHands”

快速上手

首先,将JazzHands加入到你的UIViewController。

import <IFTTTJazzHands.h>
那么接下来,创建一个Animator来管理这个UIViewController的所有动画。

@property (nonatomic, strong) IFTTTAnimator *animator; // later… self.animator = [IFTTTAnimator new];
为你想使其变成动画的视图创建一个动画。这里有多种类型的动画,你可以将其应用到视图中。在下面这个例子中,我们将使用IFTTTAlphaAnimation淡入淡如效果。

IFTTTAlphaAnimation *alphaAnimation = [IFTTTAlphaAnimation animationWithView: viewThatYouWantToAnimate];
用上面的animator来注册动画:

[self.animator addAnimation: alphaAnimation];
添加一些关键帧动画,让我们在30和60之间淡出这个动画

[alphaAnimation addKeyframeForTime:30 alpha:1.f];
[alphaAnimation addKeyframeForTime:60 alpha:0.f];
接下来,设置animator何时进行视图动画,例如,为了在UIScrollView上结束这个动画,通知滚动条上的委托方法这个动画的结束时间:

  • (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {

[super scrollViewDidScroll:scrollView];
[self.animator animate:scrollView.contentOffset.x];
}
那么接下来将产生一个效果,在滚动条0到30时这个视图将会明显淡出。在滚动条位置为30到60时,这个视图将会淡入到不可见,滚动位置大于60时将会保持60的效果。

github地址:https://github.com/IFTTT/JazzHands

code4app

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 交互动画框架 – JazzHands
分享到: 更多 (0)