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,里面定义的一些常量在今后的运用中非常关键;
网友评论