4.Popping笔记--Image View

Popping笔记。Github上搜索"Popping"即可下载源代码。

Image View


分析动画。

1.上来就可以看到一个动画(仔细观察),是图片从大到小并且有spring的效果。

2.点击图片会放大并有spring效果。

3.再点击图片会缩小并有spring效果。

4.小图片状态下按着鼠标移动图片,图片跟着移动并带有spring效果。

5.大图片状态下按着鼠标移动图片,图片会缩小,并跟着鼠标移动并带有spring效果。

6.将小图片移动到不是中心的地方,点击图片会缩小并回到中心。


看代码。

ImageView.m很简单就不写了。


ImageViewController.m文件:

首先添加ImageView,并且为这个ImageView添加事件监听和手势。并且在一上来我们让图片缩小,这也是我们分析的第1条。

在scaleDownView:方法里,设置了POPSpringAnimation动画,使imageView横竖都缩小到原来的0.5。

同样,在scaleUpView:方法里,使imageView回到正常状态并且回到中点。

touchUpInside:方法就是使图片放大缩小,事实上这个方法我并不是很明白为什么要这样做,比如animation.progress < 0.98。但是我觉得如果只是简单的放大缩小图片,只需要用一个BOOL类型的变量就可以实现,就是在频繁点击图片的时候没有以前的效果,不过我觉得以前的并没有太多的实用性,所以也就没去研究,嘿嘿。

handlePan:方法更简单了,我们在之前的笔记里学到过,让view跟着我们手势移动,在结束的时候带有spring的效果,这里就不多说啦。

这样一看这个还真没说什么 =。= 加油加油

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 15,177评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,922评论 25 709
  • 周末的学校清晨
    棠之阅读 117评论 0 1
  • 午后的阳光透过砖瓦,射在青石砖的地面,风很清很慢,连猫都变得慵懒。 也许大多数游客对古镇的第一印象便是如此,长期处...
    雨诺寒雪阅读 1,873评论 1 4

友情链接更多精彩内容