小方块跟随线的痕迹的动画

一.前言:工作到现在有半年了,对于我这个初学iOS的人来说,感同身受。看过iOS大神的博客,github等等,自己也想着 把一些学到的知识share出来,和大家一起分享。ps:第一次写这样的文章,写的不好支出,不喜忽喷。如果你喜欢的话 欢迎来我的github。

二。1)首先大家先了解一些CoreAnimation,可以参考Ljson的CoreAnimation,好了废话不多说直接切入正题。如图1.

小方块跟随线的痕迹的动画_第1张图片
图1.效果图



 2)需要创建2个layer 和一个路径容器,小滑块的移动 其实就是layer的一个动画,如图2

图2

3)以懒加载的形式创建layer 图3

小方块跟随线的痕迹的动画_第2张图片
图3


3)在屏幕上划线其实就是 实现了 touch 的三个方法 和layer的代理方法 图4

小方块跟随线的痕迹的动画_第3张图片
图4


4)在屏幕上滑动的时候 实现touchmoved方法 图5

小方块跟随线的痕迹的动画_第4张图片
图5

5)在触摸结束的时候,创建一个关键帧动画 添加到 小方块也就是diamondLayer 上即可,最后移动结束不要忘记释放path,然后在CALayerDelegate 方法里 实现 划线,可以设置线的颜色等。

三。对于初学者 来说 我感觉自己写的这篇文章 很差,以后要试着多写些自己学到的知识。如果你喜欢的话 ,希望去gitHub上多多satr。

你可能感兴趣的:(小方块跟随线的痕迹的动画)