利用facebook pop进行数字的动画显示。

最近项目用到要把数字从小到大动画显示。下面我来介绍一下具体做法。

1.首先用CocoaPods安装pop引擎到项目，安装CocoaPods来看这篇博文http://www.devtang.com/blog/2014/05/25/use-cocoapod-to-manage-ios-lib-dependency/，在次不在赘述。

2.安装pop引擎，https://github.com/facebook/pop，安装说明在github有详细说明，按照说明操作即可，非常简单。

3.安装完成后，在头文件#import<pop/POP.h>就可以进行动画设置了，下面我用一段代码来演示如何给UILabel加入动画显示数字的效果。

    //创建基本动画POPBasicAnimation *anim = [POPBasicAnimation animation];//动画持续时间anim.duration = 1;//时间函数anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];//创建动画属性POPAnimatableProperty * prop = [POPAnimatableProperty propertyWithName:@"count" initializer:^(POPMutableAnimatableProperty *prop) {// 读的block函数prop.readBlock = ^(id obj, CGFloat values[]) {values[0] = [[obj description] floatValue];};// 写的block函数prop.writeBlock = ^(id obj, const CGFloat values[]) {[obj setText:[NSString stringWithFormat:@"%.0f",values[0]]];};// 力学阀值prop.threshold = 1;}];anim.property = prop;anim.fromValue = @(0.0);anim.toValue = @(percent);[label pop_addAnimation:anim forKey:@"counting"];

4.效果如图所示。

5.demo地址：https://github.com/goodlmk/CircleView，感兴趣的同学可以下载下来自己看一下。

利用facebook pop进行数字的动画显示。相关推荐

Facebook POP 动画框架进阶指南
http://www.cocoachina.com/industry/20140704/9034.html http://www.cocoachina.com/ios/20140508/8352.ht ...
iOS开发笔记--Facebook POP 进阶指南
https://github.com/facebook/pop Facebook 在发布了 Paper 之后,似乎还不满足于只是将其作为一个概念性产品,更进一步开源了其背后的动画引擎 POP,此举大有 ...
Facebook pop
Facebook pop 摘要:本文档为Facebook pop动画库的学习及使用记录,主要介绍一些常用动画. 文档版本 2015.3.9 - 创建文档 2015.3.11 - 添加划出动画.淡入淡出 ...
利用VML标记语言画图、动画制作
利用VML标记语言画图.动画制作进行信息技术与学科整合过程中,信息的加工处理过程中经常需要绘图,有时也需要一些动画.相当一部分绘图工作可使用Microsoft画图(可用于绘制各种较为复杂的电路图等) ...
C语言VRAM字符串平滑移动,航空数字化仪表中动画显示技术的应用
摘要:针对实际的航空数字化仪表,给出了SVGA显示模式下动画显示的实现过程,其中包括了直接写屏技术.双缓冲技术等,并提出了一种利用显存自身实现双缓冲动画显示的新方法. 关键词:数字化仪表;SVGA; ...
报告：Facebook的Calibra数字钱包将无法在其所有市场上销售
点击上方"蓝色字"可关注我们! 暴走时评:根据6月19日的TechCrunch报告,Facebook的Calibra数字钱包将不会出现在包括印度在内的一些大型社交网络市场上. 一位 ...
【STM32标准库】【自制库】0.96寸OLED显示屏（SSD1306）(2)全屏动画显示
文章目录链接需求分析取模 pr操作修改大小 python操作显示动画前期准备动画帧发送动画实现成品文章基于适用于STM32F4系列,作者使用STM32F401CCU6开发板. 本文 ...
qt同时两个动画执行_Qt实现数字滚动动画效果
自己开发了一个股票智能分析软件,功能很强大,需要的点击下面的链接获取: https://www.cnblogs.com/bclshuai/p/11380657.html Qt实现数字滚动动画效果 3. ...
走进 Facebook POP 的世界
POP: 一个流行的可扩展的动画引擎iOS,它支持spring和衰变动态动画,使其可用于构建现实,基于物理交互.Objective - C API允许快速集成, 对于所有的动画和过渡他是成熟的. 解释 ...

利用facebook pop进行数字的动画显示。

利用facebook pop进行数字的动画显示。相关推荐

最新文章

热门文章