由于核心动画只作用于CALayer
,接下来就记录下几个常见Layer
。
一、复制层
案例1、倒影
效果图:

Snip20160326_15.png
-
1、新建一个
imageView
并设置图片
1.png -
2、打印输出看看控制器
View
的Layer
层
Snip20160326_16.png -
3、可以自定义一个控制器的
View
,并重写+ (Class)layerClass
的方法,让它返回一个CAReplicatorLayer
的layer
。
Snip20160326_17.png -
4、这样就能修改控制器的
View
的layer
层是复制层。
Snip20160326_18.png -
5、这样就实现了
Snip20160326_20.png -
6、 Github Demo
案例2、粒子效果
最终效果图:

1.gif
- 1、首先创建一个
VCView
并设置它为控制器的View
,并实现画线的功能。

Snip20160326_21.png
效果图:

1.gif
- 2、创建一个红色的
layer
,并根据路径动画.
Snip20160326_22.png
Snip20160326_23.png
效果图:

1.gif
- 3、设置
VCView
的layer
为复制层,就能实现最终的效果了。
1.png
- 4、 Github Demo