由于核心动画只作用于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
本站以现代、古代情诗为主,情诗网创办于2013年,以原创爱情诗歌、经典情诗、现代情诗、古代情诗、英文情诗、情诗绝句为主并收集古诗、古诗词、诗歌大全、诗词名句的文学门户。方便您下次继续阅读;可以放在浏览器的收藏夹中(快捷键Ctrl+D);或者看到喜欢或者有趣的诗词可以通过分享按钮给你的好友分享;情诗网是目前最全情诗大全网站之一。并欢迎广大诗歌爱好者阅览投稿!喜欢本站的话请大家把本站告诉给你朋友哦!地址是 www.qingshiwang.com !