美文网首页
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