iOS技术硬通货ios

iOS实现折叠图片

2015-04-03  本文已影响3082人  栾小布
先看下最终效果: 最终效果

然后是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
    渐变,这里用来模拟阴影。

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

上一篇 下一篇

猜你喜欢

热点阅读