iOS实现折叠图片

先看下最终效果:
最终效果

然后是Github链接:
Github
下面是简单的讲解,完全可以忽略。

图片折叠

CALayer的contentsRect属性。
该属性使我们可以在layer中显示img的一部分。
bounds不同的是,contentsRect使用单位坐标系,取值0到1。左上为{0,0}右下为{1,1}。
通过下面两个事例,应该能清楚的理解。

默认情况下,也就是contentsRect为{0,0,1,1}

设置contentsRect为{0,0,1,0.5}

这样,就完成图片的拼接了。
在日常开发中也可以使用该技巧,来一次载入一个大图,而不是多个小图,对某些图片密集的App来说,可以提高效率。

其他

  1. CATransform3D
    做3D转换,用来实现图片折叠时的立体感。
  2. animateWithDuration:delay:usingSpringWithDamping:initialSpringVelocity:options:animations:completion:
    回弹效果,duanger~
  3. CAGradientLayer
    渐变,这里用来模拟阴影。

这三个比较基础而且简单,大家百度下可以找到很多学习参考。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容