iOS 图片细节解释标签

效果如下:


此功能的载体用到了“图片无失真横向切换”,若想知道图片无失真横向切换的原理请到 www.jianshu.com/p/472a141928b5

这个“解释标签”功能是利用CAShapeLayer图形layer层(若对CAShapeLayer不太了解的同学可以先看下这篇文章my.oschina.net/u/2340880/blog/538024)以及CABasicAnimation做的。核心原理就是利用UIBezierPath获取到CAShapeLayer的path,再用CABasicAnimation设置动画效果,最后把动画效果添加到图形层CAShapeLayer上。核心代码请看:


Demo地址

你可能感兴趣的:(iOS 图片细节解释标签)