iOS实现折叠图片

作者: 栾小布 | 来源:发表于2015-04-03 21:50 被阅读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
      渐变,这里用来模拟阴影。

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

    相关文章

      网友评论

      • lfb_CD:哇塞,全部用swift写的,I like you! :kissing_heart:
      • e9014c2d3b7d: :smiley: 受教了. 感谢分享~~~

      本文标题:iOS实现折叠图片

      本文链接:https://www.haomeiwen.com/subject/dyhaxttx.html