Facebook POP动画简单使用
来源:互联网 发布:射手座万代玩具淘宝 编辑:程序博客网 时间:2024/05/23 18:47
发现POP比较好的一点是保留了动画结束后的状态,通过block回调。使用POPAnimatableProperty 可以快速添加基本动画,也可以自定义属性动画。
弹性动画
- (void)spring{
POPSpringAnimation* framePOP = [POPSpringAnimationanimationWithPropertyNamed:kPOPViewBackgroundColor];
framePOP.springSpeed = 10.f;
framePOP.springBounciness = 4.f;
framePOP.toValue = [UIColor greenColor];
[framePOP setCompletionBlock:^(POPAnimation * anim , BOOL finsih) {
if (finsih) {
NSLog(@"view.frame = %@",NSStringFromCGRect(view.frame));
}
}];
[view pop_addAnimation:framePOP forKey:@"go"];
}
减缓动画
- (void)Decay{
POPDecayAnimation* decay = [POPDecayAnimationanimationWithPropertyNamed:kPOPViewFrame];
// decay.toValue = [NSValue valueWithCGRect:CGRectMake(200, 400, 100, 100)];
decay.velocity = [NSValue valueWithCGRect:CGRectMake(200, 300, 100, 100)];
[view pop_addAnimation:decay forKey:@"go"];
}
基本动画
-(void)basic{
POPBasicAnimation* basicAnimation = [POPBasicAnimationanimationWithPropertyNamed:kPOPLayerCornerRadius];
basicAnimation.toValue = [NSNumber numberWithFloat:CGRectGetHeight(view.frame)/2.];
basicAnimation.timingFunction =[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];
// basicAnimation.duration = 3.f;
[basicAnimation setCompletionBlock:^(POPAnimation * ani, BOOL fin) {
if (fin) {
NSLog(@"view.frame = %@",NSStringFromCGRect(view.frame));
// POPBasicAnimation* newBasic = [POPBasicAnimation easeInEaseOutAnimation];
// newBasic.property = [POPAnimatableProperty propertyWithName:kPOPLayerCornerRadius];
// newBasic.toValue = [NSNumber numberWithFloat:0];
// [view.layer pop_addAnimation:newBasic forKey:@"go"];
}
}];
[view.layer pop_addAnimation:basicAnimation forKey:@"frameChange"];
}
组合动画
-(void)group
{
view.transform = CGAffineTransformMakeRotation(M_PI_2/3);
POPBasicAnimation* spring = [POPBasicAnimationanimationWithPropertyNamed:kPOPLayerPositionY];
spring.beginTime = CACurrentMediaTime();
spring.duration = .4f;
spring.fromValue = [NSNumber numberWithFloat:-100.f];
spring.toValue = [NSNumber numberWithFloat:CGRectGetMinY(view.frame) + 80];
[spring setCompletionBlock:^(POPAnimation * ani, BOOL fin) {
}];
POPBasicAnimation* basic = [POPBasicAnimationanimationWithPropertyNamed:kPOPLayerRotation];
basic.beginTime = CACurrentMediaTime();
basic.timingFunction = [CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];
basic.toValue = [NSNumber numberWithFloat:-M_PI_4];
basic.duration = .4f;
POPBasicAnimation* rotation = [POPBasicAnimationanimationWithPropertyNamed:kPOPLayerRotation];
rotation.beginTime = CACurrentMediaTime() + .4f;
rotation.toValue = [NSNumber numberWithFloat:0.f];
rotation.timingFunction = [CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];
rotation.duration = .25f;
POPBasicAnimation* donw = [POPBasicAnimationanimationWithPropertyNamed:kPOPLayerPositionY];
donw.beginTime = CACurrentMediaTime() + 0.4f;
donw.toValue = [NSNumber numberWithFloat:CGRectGetMinY(view.frame)];
donw.duration = .25f;
donw.timingFunction = [CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[view.layer pop_addAnimation:spring forKey:@"spring"];
[view.layer pop_addAnimation:basic forKey:@"basic"];
[view.layer pop_addAnimation:donw forKey:@"down"];
[view.layer pop_addAnimation:rotation forKey:@"rotation"];
}
- Facebook POP动画简单使用
- Facebook POP动画简单使用
- Facebook POP动画简单使用
- iOS中Facebook开源动画库POP的简单使用
- Facebook POP框架的简单使用
- FaceBook pop 动画开源框架使用教程说明
- facebook开源动画pop
- facebook开源动画pop
- facebook开源动画pop
- FaceBook pop 动画 pod 引入
- iOS Facebook pop动画进阶
- 使用 Facebook开源动画库 POP 实现真实衰减动画
- 简单实用POP动画
- Facebook POP动效库使用教程
- Facebook POP动效库使用教程
- Facebook POP动效库使用教程
- Facebook POP动效库使用教程
- IOS facebook 开源动画引擎 pop
- 诚心推荐一个视频学习网站
- java 内存泄露 :堆溢出和非堆溢出
- Mac系统下的Eclipse代码联想功能开启代码联想功能
- 学习MySQL——下载与安装
- Java并发学习笔记(8)发布逸出
- Facebook POP动画简单使用
- 实时显示iOS编写UI代码效果
- 用eclipse创建java web工程
- 设计模式_简单工厂模式
- 浅谈站群的再次重生带来的效果到底如何
- 运行时样式
- JavaWeb-利用Enumeration获取初始化参数
- Oracle 常用的函数小结
- 定制Android系统开发之二——系统服务