iOS放大镜效果的滚动视图

前言：最近开始一波整理，准备把最近遇到的一些难题和解决方法整理一下，用来留念。还有希望能小小帮助到同学们。
开始主题，先来一波演示吧。

ZPScrollView.gif

看过之后估计大部分筒子们都有一些想法。其实这确实不难，主要就是滑动到中间的时候小球变大和变小的效果。这比较绕一点。

其他地方就不多说了不懂得可以看我的demo 在这里就着重说一下关键的一个代理方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

变化效果主要就在这个方法里边实现的。
先看下图

屏幕快照 2017-08-01 15.08.28.png

在这里上边那个代理里边主要实现的效果是：
1.向左滑动的时候 4 滚到5的位置并且从小球变化成大球，5滚动到6的位置并且从大球变化成小球。说到这里，童鞋们是不是有思路了😜。
2。想右滑动的时候 6滚动到5的位置从小球变打球， 5滚动到4的位置从打球变小球。
实现以上这两种设想，就行了接下来就是具体实现了


-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    
//    NSLog(@"%f",scrollView.contentOffset.x);
     CGFloat one_with = scrollView.frame.size.width/5.0f;//每一个小球所占的大小
     CGFloat offSet_x = scrollView.contentOffset.x;//滚动视图现在的偏移量
     NSInteger Number = offSet_x/one_with;//第几个区域
     CGFloat  surplus_x = offSet_x-Number*one_with;//在某个小球区间里的偏移量
  //    NSLog(@"第几个区域%ld",Number);
  //    算出每一像素 小球的变化值 (小球的frame的变化量)
     CGFloat sub_x = aScaleH(16.5)/one_with*surplus_x;
     CGFloat sub_y = aScaleH(6)/one_with*surplus_x;
     CGFloat sub_w = aScaleH(33)/one_with*surplus_x;
     CGFloat sub_h = aScaleH(33)/one_with*surplus_x;
//    selectBtn.frame =kRect(Label_W*2+20+i*Label_W, 6, 35, 35);

    //在左边
     UIButton *rightBtn = (UIButton *)[self viewWithTag:153400+Number+1];
    rightBtn.frame = CGRectMake(one_with*2+aScaleW(20)+one_with*(Number+1)-sub_x, aScaleH(6)-sub_y, aScaleW(35)+sub_w, aScaleH(35)+sub_h);
 
    //在右边
    UIButton *leftBtn = (UIButton *)[self viewWithTag:153400+Number];
    leftBtn.frame = CGRectMake(one_with*2+aScaleW(20)+one_with*(Number)-(aScaleH(16.5)-sub_x), aScaleH(6)-(aScaleH(6)-sub_y), aScaleW(35)+( aScaleH(33)-sub_w), aScaleH(35)+(aScaleH(33)-sub_h));
   
    //其他小球回复原大小（防止快速滑动的时候回复不过来）（完美！）
    UIButton *atherRightBtn = (UIButton *)[self viewWithTag:153400+Number+2];
    atherRightBtn.frame =CGRectMake(one_with*2+aScaleW(20)+one_with*(Number+2), aScaleH(6), aScaleW(35), aScaleW(35));
    UIButton *atherleftBtn = (UIButton *)[self viewWithTag:153400+Number-1];
    atherleftBtn.frame =CGRectMake(one_with*2+aScaleW(20)+one_with*(Number-1), aScaleH(6), aScaleW(35), aScaleW(35));
    //滚动的时候拖拽按钮在滚动的时候影藏
    self.moveBtn.hidden = YES;
    [self.moveBtn setTitle:@"" forState:(UIControlStateNormal)];
    
}

有些童鞋估计只看这里会有点蒙没关系 demo在这里可以结合着看https://github.com/ZPCoder/ZPScrollView

iOS放大镜效果的滚动视图

推荐阅读更多精彩内容