博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
POP-一个点击带有放大还原的动画效果
阅读量:5789 次
发布时间:2019-06-18

本文共 1330 字,大约阅读时间需要 4 分钟。

原理

监听屏幕的点击事件

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

- (void)touchesCancelled:(nullable NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

动画

pop动画,需要pop框架

两个动画一个放大,一个还原

kPOPViewScaleXY:放大宽高

代码

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {    POPSpringAnimation *scaleAnimation = [POPSpringAnimation animation];    scaleAnimation.property = [POPAnimatableProperty propertyWithName:kPOPViewScaleXY];//宽高改变    scaleAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake(1.3, 1.3)];//1.3倍    [self pop_addAnimation:scaleAnimation forKey:@"scaleAnimationKey"];//执行动画    scaleAnimation.completionBlock = ^(POPAnimation *animation,BOOL finish) { //动画回调        POPSpringAnimation *scaleAnimation = [POPSpringAnimation animation];        scaleAnimation.springBounciness = 16;    // value between 0-20        scaleAnimation.springSpeed = 14;     // value between 0-20        scaleAnimation.property = [POPAnimatableProperty propertyWithName:kPOPViewScaleXY];        scaleAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake(1.0, 1.0)];        [self pop_addAnimation:scaleAnimation forKey:@"scaleAnimationKey"];    };}

效果图

 

转载于:https://www.cnblogs.com/hxwj/p/5033600.html

你可能感兴趣的文章
Membership三步曲之进阶篇 - 深入剖析Provider Model
查看>>
前端优化及相关要点总结
查看>>
struts2中form提交到action中的中文参数乱码问题解决办法(包括取中文路径)
查看>>
25 个精美的手机网站模板
查看>>
C#反射实例应用--------获取程序集信息和通过类名创建类实例
查看>>
VC中实现文字竖排的简单方法
查看>>
会话标识未更新
查看>>
阿里架构师:程序员必须掌握的几项核心技术能力
查看>>
程序员常用的六大技术博客类
查看>>
Iceworks 2.8.0 发布,自定义你的 React 模板
查看>>
胖哥学SpringMVC:请求方式转换过滤器配置
查看>>
Kotlin 更加优雅的 Builder - 理解 with
查看>>
前端日拱一卒D6——字符编码与浏览器解析
查看>>
深入理解浏览器的缓存机制
查看>>
微软向Linux社区开放60000多项专利:对开源微软是认真的
查看>>
Hoshin Kanri在丰田的应用
查看>>
又拍云沈志华:如何打造一款安全的App
查看>>
克服大数据集群的挑战
查看>>
PostgreSQL并发控制(MVCC, 事务,事务隔离级别)
查看>>
DM***的第二阶段OSPF
查看>>