简介
MVVM网上资料有很多，相信大家都有过一定了解。在这里就不再过多阐述了。
今天主要给大家分享一个很有意思的滑动效果。详情见下图：
00.gif
实现方式
思路1：
当我们看到这个效果的时候我们应当考虑的是
imageView和cell的frame是如何变化的。只要把这个分析好了。这个效果就不难实现了。我起先最初的做法是将cell上图片的frame上下分别大于cell50的高度。然后在scrollView代理方法里添加一个通知，将获取到的偏移量传递过去。从而根据偏移量改变imageView的高度去实现。
可惜 ，然并卵！！！ 这并不是最好的方式。。。
PS：上面的这种思路已经被我砍掉了（原谅我废话了这么多）
思路2：
如果我们获取到
cell在屏幕中的位置，如果我们获取到cell在父视图中心的位置,如果我们能根据这两者的偏移量设置一个偏移的比例。那么我们的imageView根据设置好的偏移比例改变自身frame的高度不就完整实现了么！！！
关于点击cell后展开一个View只是在Model里增加了一个BOOL属性而已，如果还有不太清楚的童鞋，文章最后会附上github链接！
不知道大家能不能理解，下面请看核心代码：
核心代码
- (CGFloat)cellWithOffset
{
/*
将rect由rect所在视图转换到目标视图view中，返回在目标视图view中的rect
这里用来获取self在window上的位置
*/
CGRect toWindow = [self convertRect:self.bounds toView:self.window];
//获取父视图的中心
CGPoint windowCenter = self.superview.center;
//cell在y轴上的偏移 CGRectGetMidY 获取中心Y值
CGFloat cellOffsetY = CGRectGetMidY(toWindow) - windowCenter.y;
//位移比例
CGFloat offsetScale = 2 * cellOffsetY / self.superview.frame.size.height ;
//要补偿的偏移
CGFloat offset = -offsetScale * kScreenWidth * 0.1;
//让pictureViewY轴方向偏移offset
CGAffineTransform transY = CGAffineTransformMakeTranslation(0,offset);
//给imageView的transfrom赋值
self.pictureView.transform = transY;
return offset;
}```
#最后
本人也是初学MVVM设计模式，还有很多需要学习的地方。本文目的其实是希望大家都尝试着去学习下MVVM设计模式（大神请忽略），试着去了解下“陌生的”```ViewModel```
如果有哪些不对的地方，欢迎批评指正！
本文github链接：https://github.com/JimmyLession/JMSlideDemo.git