美文网首页
Facebook开源动画库 POP-POPBasicAnimat

Facebook开源动画库 POP-POPBasicAnimat

作者: 每天刷两次牙 | 来源:发表于2017-10-27 13:56 被阅读132次

    Facebook开源动画库 POP-POPBasicAnimation运用

    http://www.cnblogs.com/wujy/p/5191220.html

    动画在APP开发过程中还是经常出现,将花几天的时间对Facebook开源动画库 POP进行简单的学习;本文主要针对的是POPBasicAnimation运用;实例源代码已经上传至gitHub,地址:https://github.com/wujunyang/facebookPopTest

    Pop Github : https://github.com/facebook/pop

    Pop比较全的实例:https://github.com/kevinzhow/pop-handapp

    Popping -Pop案例 : https://github.com/schneiderandre/popping

    心跳案例POP:https://github.com/hanzhen/MiniMatch-iOS

    POP使用教程: https://github.com/maxmyers/FacebookPop

    POP默认支持三种动画 但同时也支持自定义动画

    POPBasicAnimation //基本动画

    POPSpringAnimation //类似弹簧一般的动画效果

    POPDecayAnimation //过阻尼效果,衰减效果

    POPCustomAnimation //自定义动画

    一:POPBasicAnimation运用

    实例1:创建一个动画效果,关于视图透明度的变化,从全透明经过五秒的时间变成alpha为1的不透明效果;此处运用到的POPBasicAnimation类;


    - (void)viewDidLoad {

    [super viewDidLoad];

    self.view.backgroundColor=[UIColor whiteColor];//1:初始化一个视图块if(self.myView==nil) {

    self.myView=[[UIView alloc]initWithFrame:CGRectMake(100,100,100,100)];

    self.myView.backgroundColor=[UIColor redColor];

    self.myView.alpha=0;

    [self.view addSubview:self.myView];

    }//创建一个POPBasicAnimation动画POPBasicAnimation *basicAnimation=[POPBasicAnimation animationWithPropertyNamed:kPOPViewAlpha];

    basicAnimation.fromValue=@(0);

    basicAnimation.toValue=@(1);

    basicAnimation.duration=5;//设置动画的间隔时间 默认是0.4秒

    basicAnimation.repeatCount=HUGE_VALF;//重复次数 HUGE_VALF设置为无限次重复


    [self.myView pop_addAnimation:basicAnimation forKey:@"myViewAnimation"];

    }

    其实POP创建动画的步骤分为三步,a:创建相应的动画类 b:增加相应的属性 c:附加到相应的对象上;

    上面实例中kPOPViewAlpha是POP为我们封装好的一个关于透明度的动画效果;加上属性就满足我们的要求;从而也引出POP中一个很关键的类POPAnimatableProperty,里面定义的一些常量在今后的运用中非常关键;

    相关文章

      网友评论

          本文标题:Facebook开源动画库 POP-POPBasicAnimat

          本文链接:https://www.haomeiwen.com/subject/rhirpxtx.html