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的效果,这里就不多说啦。
这样一看这个还真没说什么 =。= 加油加油