前言:最近开始一波整理,准备把最近遇到的一些难题和解决方法整理一下,用来留念。还有希望能小小帮助到同学们。
开始主题,先来一波演示吧。
看过之后 估计大部分筒子们都有一些想法。其实这确实不难,主要就是滑动到中间的时候小球变大和变小的效果。这比较绕一点。
其他地方就不多说了 不懂得可以看我的demo 在这里就着重说一下关键的一个代理方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
变化效果主要就在这个方法里边实现的。
先看下图
在这里上边那个代理里边主要实现的效果是:
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