一头扎进iOS核心动画(二)

由于核心动画只作用于CALayer,接下来就记录下几个常见Layer

一、复制层

案例1、倒影

效果图:

一头扎进iOS核心动画(二)_第1张图片
Snip20160326_15.png
  • 1、新建一个imageView并设置图片

    一头扎进iOS核心动画(二)_第2张图片
    1.png

  • 2、打印输出看看控制器ViewLayer

    一头扎进iOS核心动画(二)_第3张图片
    Snip20160326_16.png

  • 3、可以自定义一个控制器的View,并重写+ (Class)layerClass的方法,让它返回一个CAReplicatorLayerlayer

    一头扎进iOS核心动画(二)_第4张图片
    Snip20160326_17.png

  • 4、这样就能修改控制器的Viewlayer层是复制层。

    一头扎进iOS核心动画(二)_第5张图片
    Snip20160326_18.png

  • 5、这样就实现了


    一头扎进iOS核心动画(二)_第6张图片
    Snip20160326_20.png
  • 6、 Github Demo

案例2、粒子效果

最终效果图:

一头扎进iOS核心动画(二)_第7张图片
1.gif

  • 1、首先创建一个VCView并设置它为控制器的View,并实现画线的功能。
一头扎进iOS核心动画(二)_第8张图片
Snip20160326_21.png

效果图:

一头扎进iOS核心动画(二)_第9张图片
1.gif
  • 2、创建一个红色的layer,并根据路径动画.
    一头扎进iOS核心动画(二)_第10张图片
    Snip20160326_22.png

    一头扎进iOS核心动画(二)_第11张图片
    Snip20160326_23.png

效果图:

一头扎进iOS核心动画(二)_第12张图片
1.gif

  • 3、设置VCViewlayer为复制层,就能实现最终的效果了。
    一头扎进iOS核心动画(二)_第13张图片
    1.png
  • 4、 Github Demo

你可能感兴趣的:(一头扎进iOS核心动画(二))