10.2 自定义缓冲函数.pdfVIP

10.2 ⾃定义缓冲函数 ⾃定义缓冲函数 在第⼋章中，我们给时钟项⽬添加了动画。看起来很赞，但是如果有合适 缓冲函数 就更好了。在显⽰世界中，钟表指针转动 时候，通常起步很慢，然后迅速啪地⼀ 声，最后缓冲到终点。但是标准 缓冲函数在这⾥每⼀个适合它，那该如何创建⼀个 新 呢？ 除了+functionWithName:之外，CAMediaTimingFunction同样有另⼀个构造 函数，⼀个有四个浮点参数 +functionWithControlPoints:::: （注意这⾥奇 怪 语法，并没有包含具体每个参数 名称，这在objective-C 中是合法 ，但是却违 反了苹果对⽅法命名 指导⽅针，⽽且看起来是⼀个奇怪 设计）。 使⽤这个⽅法，我们可以创建⼀个⾃定义 缓冲函数，来匹配我们 时钟动画，为了 理解如何使⽤这个⽅法，我们要了解⼀些CAMediaTimingFunction是如何⼯作 。 三次贝塞尔曲线 CAMediaTimingFunction函数 主要原则在于它把输⼊ 时间转换成起点和终点 之间成⽐例 改变。我们可以⽤⼀个简单 图标来解释，横轴代表时间，纵轴代表改 变 量，于是线性 缓冲就是⼀条从起点开始 简单 斜线 （图10 .1）。 图10 .2 三次贝塞尔缓冲函数 实际上它是⼀个很奇怪 函数，先加速，然后减速，最后快到达终点 时候又加速， 那么标准 缓冲函数又该如何⽤图像来表⽰呢？ CAMediaTimingFunction有⼀个叫做-getControlPointAtIndex :values: ⽅法，可以⽤来检索曲线 点，这个⽅法 设计 确有点奇怪 （或许也就只有苹果能 回答为什么不简单返回⼀个CGPoint），但是使⽤它我们可以找到标准缓冲函数 点，然后⽤ IBezierPath和CAShapeLayer来把它画出来。 曲线 起始和终点始终是{0 , 0}和{1, 1} ，于是我们只需要检索曲线 第⼆个和第三个 点 （控制点）。具体代码见清单10 .4 。所有 标准缓冲函数 图像见图10 .3 。 清单10 .4 使⽤ IBezierPath绘制CAMediaTimingFunction @interface ViewController () @property (nonatomic, weak) IBOutlet IView *layerView ; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //create timing function CAMediaTimingFunction *function = [CAMediaTimingFunction funct //get control points CGPoint controlPoint1, controlPoint2; [function getControlPointAtIndex :1 values:(float *)controlPoi [function getControlPointAtIndex :2 values:(float *)controlPoi //create curve IBezierPath *path = [[ IBezierPath alloc] init]; [path moveToPoint:CGPointZero]; [path addCurveToPoint:CGPointMake(1, 1) controlPoint1:controlPoint1 controlPoint2:controlPoint //scale the path up to a reasonable size for display [path applyTransform:CGAffineTransformMakeScale(200, 200)]; //create shape layer CAShapeLayer *shapeLayer = [CAShapeLayer layer]; shapeLayer.strokeColor = [ IColor redColor].CGColor; shapeLayer.fillColor = [ IColor clearColor].CGCol