效果如下:
此功能的載體用到了“圖片無失真橫向切換”,若想知道圖片無失真橫向切換的原理請(qǐng)到 www.reibang.com/p/472a141928b5
這個(gè)“解釋標(biāo)簽”功能是利用CAShapeLayer圖形layer層(若對(duì)CAShapeLayer不太了解的同學(xué)可以先看下這篇文章my.oschina.net/u/2340880/blog/538024)以及CABasicAnimation做的怎囚。核心原理就是利用UIBezierPath獲取到CAShapeLayer的path卿叽,再用CABasicAnimation設(shè)置動(dòng)畫效果,最后把動(dòng)畫效果添加到圖形層CAShapeLayer上桩了。核心代碼請(qǐng)看: