ios 扑克牌效果轮播_缩放效果的轮播图 iOS

111.gif

做个一个缩放的轮播图，基本实现功能。

简单的记录下思路:

因为屏幕展示有三张图，所以传入的图片要先添加4张，左边两张(倒数第二张，倒数第一张)，右边两张(第一张，第二张)

1、实现图片缩放功能(主要代码)

-(void)scaleImagevWithCenterX:(CGFloat)centerx{

for (UIImageView *imagev in self.imgViewArr) {

//计算当前控件与显示区中心点的相对距离

CGFloat distance = ABS(imagev.center.x - centerx);

//设置缩放系数

CGFloat factor=self.scaleFactor;

//获取缩放倍数

CGFloat scales=1/(1+distance*factor);

//进行缩放

imagev.transform=CGAffineTransformMakeScale(scales, scales);

}

}

2、实现分页效果，主要是借助了scrollview的delegate，根据图片的宽度，目标偏移量x，计算出偏移后的页数，再根据velocity.x滑动的力度，算出，便宜后是否还要平移居中调整

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{

3、实现循环，如果到了第二张图，直接contentOffset到倒数第二张，反之，依然。具体在方法scrollOver中。

4、添加定时器，scrollViewWillBeginDragging停止，scrollViewDidEndDragging:

willDecelerate:开启

5、写完发现个问题，定时器循环没问题，但是，手动循环，有时连续滑动，直接到达第一张或末张，在scrollViewDidScroll中，写入下面方法，解决

if (scrollView.contentOffset.x< self.imgWidth) {

scrollView.contentOffset = CGPointMake(self.imgWidth, 0);

self.scrollView.contentOffset=CGPointMake(self.imgWidth * (self.imgViewArr.count - 3), 0);

self.currentIndex = self.imgViewArr.count - 3;

}else if (scrollView.contentOffset.x > (self.imgArr.count - 2) * self.imgWidth){

self.scrollView.contentOffset = CGPointMake(self.imgWidth * 2, 0);

self.currentIndex = 2;

}

[demo地址(点击跳转)](https://github.com/yuanweiqianyu/BannerView)

个人感觉，自己完成的轮播还是有些问题，如有大神，有改进方案，或者别的思路，敬请交流，指正。