AnimatedPath
动画路径 

感谢原作者分享精神，有空补上使用教程

https://github.com/twotoasters/AnimatedPath

AnimatedPath explores using the CAMediaTiming protocol to interactively control the drawing of a path.
AnimatedPath  尝试使用 CAMediaTiming 协议来控制绘制一条路径。
 

Basic usage
基本使用方法 

Step 1: Draw a Path
第一步：绘制一条路径 

• Tap around the screen to add points to a path.  点击屏幕来给路径添加点
• Drag existing points to move them.                    拖动存在的点
• Tap and hold existing points to remove them.    长按着一个点来删除这个点

Step 2: Animate
第二步：动画 

• The path is rendered using a CAShapeLayer with speed == 0.
• The layer has an animation for its strokeEnd key path with a fromValue of 0 and a toValue of 1.
• Since the layer's speed == 0, adjusting the layer's timeOffset controls the time at which the animation is rendered.
• The slider at the top of the screen adjusts the layer's timeOffset. 
• 使用 CAShapeLayer 来渲染路径，设置 speed = 0 
• 这个 layer 用 strokeEnd 作为关键帧路径，其值从 0 到 1 变化  
• 当 layer 的 speed 为0时，操作 layer 的 timeOffset 来控制时间，动画就是通过这个来渲染的 
• 屏幕上方的 slider 控制器操作着 layer 的 timeOffset  

Getting the Setup Right
如何正确的设置 

The most difficult part of putting this example together was understanding how to add the animation to the layer and still be able to control the animation's progress via the timeOffset. Here's what worked:
最难的部分就是怎么把动画加进 layer 中去，而且，还能够控通过 timeOffset 来控制动画的百分比进度，以下代码描述了怎么运作的： 

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:NSStringFromSelector(@selector(strokeEnd))];