简介

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