iOS实现带有缩放效果的自动轮播图

所属分类: 软件编程 / IOS 阅读数: 897
收藏 0 赞 0 分享

本文实例为大家分享了iOS带有缩放效果的自动轮播图,供大家参考,具体内容如下

可直接设置frame然后加载到视图上使用。

效果就是这样的,图片切换的过程中还是有卡顿,不够流畅,后续更新。

直接上代码。

.h文件包含:

#import <UIKit/UIKit.h> 
 
@interface CustomScrollView : UIView 
@property (strong,nonatomic) NSArray *imageArr; 
 
@end 

.m文件包含:

#import "CustomScrollView.h" 
 
@interface CustomScrollView ()<UIScrollViewDelegate> 
 
@property (strong,nonatomic) UIScrollView *scrollView; 
@property (strong,nonatomic) UIImageView *backImageView; 
 
@property (strong,nonatomic) UIImageView *leftIamgeView; 
@property (strong,nonatomic) UIImageView *middleImageView; 
@property (strong,nonatomic) UIImageView *rightImageView; 
 
@property (strong,nonatomic) UIPageControl *pageControl; 
 
//高度 
@property (assign,nonatomic) CGFloat scrollViewHeight; 
 
//手动造成的偏移量 
@property (assign,nonatomic) CGFloat offsetX; 
 
@property (strong,nonatomic) NSTimer *timer; 
 
//属于计时器方法动画持续时间 ? 
@property (assign,nonatomic) BOOL timerAnimation; 
 
@end 
 
//左右内容的最大偏移量 
#define OFFSET_MAX ([UIScreen mainScreen].bounds.size.width-64)*0.9 
 
 
@implementation CustomScrollView 
 
- (instancetype)initWithFrame:(CGRect)frame { 
 if (self = [super initWithFrame:frame]) { 
 
 self.scrollViewHeight = frame.size.height; 
 
 [self addSubview:self.backImageView]; 
 [self addSubview:self.scrollView]; 
 [self addSubview:self.pageControl]; 
 
 [self.backImageView mas_makeConstraints:^(MASConstraintMaker *make) { 
 make.edges.with.mas_equalTo(self); 
 }]; 
 [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) { 
 make.edges.with.mas_equalTo(self); 
 }]; 
 [self.pageControl mas_makeConstraints:^(MASConstraintMaker *make) { 
 make.left.right.bottom.mas_equalTo(self); 
 make.height.mas_equalTo(@20); 
 }]; 
 
 self.timer = [NSTimer scheduledTimerWithTimeInterval:5 target:self selector:@selector(timerAction) userInfo:nil repeats:YES]; 
 [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSDefaultRunLoopMode]; 
 [self.timer setFireDate:[NSDate dateWithTimeIntervalSinceNow:5]]; 
 } 
 return self; 
} 
 
- (NSArray *)imageArr { 
 if (!_imageArr) { 
 _imageArr = @[@"timg-0",@"timg-1",@"timg-2"]; 
 } 
 return _imageArr; 
} 
 
- (UIImageView *)backImageView { 
 if (!_backImageView) { 
 _backImageView = [[UIImageView alloc] init]; 
 _backImageView.image = [UIImage imageNamed:@"bg_home"]; 
 } 
 return _backImageView; 
} 
 
- (UIScrollView *)scrollView { 
 if (!_scrollView) { 
 _scrollView = [[UIScrollView alloc] init]; 
 _scrollView.showsVerticalScrollIndicator = NO; 
 _scrollView.showsHorizontalScrollIndicator = NO; 
 _scrollView.contentSize = CGSizeMake(kScreenWidth+2*OFFSET_MAX, self.scrollViewHeight); 
 [_scrollView setContentOffset:CGPointMake(OFFSET_MAX, 0)]; 
 _scrollView.bounces = NO; 
 _scrollView.delegate = self; 
 
 _leftIamgeView = [[UIImageView alloc] init]; 
 _leftIamgeView.image = [UIImage imageNamed:self.imageArr[0]]; 
 _leftIamgeView.layer.cornerRadius = 5; 
 _leftIamgeView.layer.masksToBounds = YES; 
 
 
 _middleImageView = [[UIImageView alloc] init]; 
 _middleImageView.image = [UIImage imageNamed:self.imageArr[1]]; 
 _middleImageView.layer.cornerRadius = 5; 
 _middleImageView.layer.masksToBounds = YES; 
 
 
 _rightImageView = [[UIImageView alloc] init]; 
 _rightImageView.image = [UIImage imageNamed:self.imageArr[2]]; 
 _rightImageView.layer.cornerRadius = 5; 
 _rightImageView.layer.masksToBounds = YES; 
 
 
 [_scrollView addSubview:_leftIamgeView]; 
 [_scrollView addSubview:_middleImageView]; 
 [_scrollView addSubview:_rightImageView]; 
 [_leftIamgeView mas_makeConstraints:^(MASConstraintMaker *make) { 
 make.size.mas_equalTo(CGSizeMake((kScreenWidth-64)*0.9, self.scrollViewHeight*0.9)); 
 make.centerY.mas_equalTo(_scrollView); 
 make.right.mas_equalTo(_middleImageView.mas_left).offset(-20); 
 }]; 
 [_middleImageView mas_makeConstraints:^(MASConstraintMaker *make) { 
 make.size.mas_equalTo(CGSizeMake(kScreenWidth-64, self.scrollViewHeight)); 
 make.centerY.mas_equalTo(_scrollView); 
 make.left.mas_equalTo(_scrollView).offset(OFFSET_MAX+64/2); 
 }]; 
 [_rightImageView mas_makeConstraints:^(MASConstraintMaker *make) { 
 make.size.mas_equalTo(_leftIamgeView); 
 make.centerY.mas_equalTo(_scrollView); 
 make.left.mas_equalTo(_middleImageView.mas_right).offset(20); 
 }]; 
 } 
 return _scrollView; 
} 
 
- (UIPageControl *)pageControl { 
 if (!_pageControl) { 
 _pageControl = [[UIPageControl alloc] init]; 
 _pageControl.numberOfPages = self.imageArr.count; 
 _pageControl.enabled = NO; 
 _pageControl.currentPage = 0; 
 _pageControl.hidesForSinglePage = YES; 
 _pageControl.pageIndicatorTintColor = [UIColor whiteColor]; 
 _pageControl.currentPageIndicatorTintColor = MAINCOLOR; 
 } 
 return _pageControl; 
} 
 
 
#pragma mark ------------ UIScrollViewDelegate -------- 
 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { 
 if (self.timerAnimation) { 
 return; 
 } 
 CGFloat offScale = scrollView.contentOffset.x - OFFSET_MAX; 
 if (offScale < 0) { 
 //右滑 
 self.leftIamgeView.layer.transformScale = 1 + 1.0/9*(fabs(offScale)/OFFSET_MAX); 
 self.middleImageView.layer.transformScale = 1 - 0.1*(fabs(offScale)/OFFSET_MAX); 
 } else { 
 //左滑 
 self.rightImageView.layer.transformScale = 1 + 1.0/9*(fabs(offScale)/OFFSET_MAX); 
 self.middleImageView.layer.transformScale = 1 - 0.1*(fabs(offScale)/OFFSET_MAX); 
 } 
 
} 
 
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate { 
 CGPoint offset = scrollView.contentOffset; 
 
 self.offsetX = offset.x; 
 
 if ((fabs(self.offsetX-OFFSET_MAX) >= OFFSET_MAX*0.5)) { 
 if (!decelerate) { 
 //替换图片 
 [self exchangeImage]; 
 } 
 } else { 
 //回弹复位 
 [scrollView setContentOffset:CGPointMake(OFFSET_MAX, 0) animated:YES]; 
 self.leftIamgeView.layer.transform = CATransform3DIdentity; 
 self.middleImageView.layer.transform = CATransform3DIdentity; 
 self.rightImageView.layer.transform = CATransform3DIdentity; 
 } 
} 
 
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { 
 //替换图片 
 [self exchangeImage]; 
} 
 
#pragma mark ---------- exchangeImage ------ 
//替换图片 
- (void)exchangeImage { 
 if (self.offsetX-OFFSET_MAX < 0) { 
 //右滑 
 UIImage *rightImage = self.rightImageView.image; 
 self.rightImageView.image = self.middleImageView.image; 
 self.middleImageView.image = self.leftIamgeView.image; 
 self.leftIamgeView.image = rightImage; 
 
 if (self.pageControl.currentPage - 1 < 0) { 
 self.pageControl.currentPage = self.pageControl.numberOfPages-1; 
 } else { 
 self.pageControl.currentPage -= 1; 
 } 
 
 } else { 
 //左滑 
 UIImage *leftImage = self.leftIamgeView.image; 
 self.leftIamgeView.image = self.middleImageView.image; 
 self.middleImageView.image = self.rightImageView.image; 
 self.rightImageView.image = leftImage; 
 
 if (self.pageControl.currentPage + 1 >= self.pageControl.numberOfPages) { 
 self.pageControl.currentPage = 0; 
 } else { 
 self.pageControl.currentPage += 1; 
 } 
 } 
 [self.scrollView setContentOffset:CGPointMake(OFFSET_MAX, 0)]; 
 self.leftIamgeView.layer.transform = CATransform3DIdentity; 
 self.middleImageView.layer.transform = CATransform3DIdentity; 
 self.rightImageView.layer.transform = CATransform3DIdentity; 
} 
 
#pragma mark ---------- timer -------- 
- (void)timerAction { 
 self.offsetX = kScreenWidth+OFFSET_MAX-64; 
 
 self.timerAnimation = YES; 
 [UIView animateWithDuration:0.8 animations:^{ 
 [self.scrollView setContentOffset:CGPointMake(self.offsetX, 0)]; 
 self.rightImageView.layer.transformScale = 10/9.0; 
 self.middleImageView.layer.transformScale = 0.9; 
 } completion:^(BOOL finished) { 
 self.timerAnimation = NO; 
 [self exchangeImage]; 
 self.rightImageView.layer.transform = CATransform3DIdentity; 
 self.middleImageView.layer.transform = CATransform3DIdentity; 
 }]; 
} 
 
@end 

最后调用:

self.scrollView = [[CustomScrollView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, 170)]; 
[self.view addSubview:self.scrollView]; 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

iOS逆向教程之跟踪函数调用详解

这篇文章主要给大家介绍了关于iOS逆向教程之跟踪函数调用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享

iOS App连续闪退时上报crash日志的方法详解

iOS App 有时可能遇到启动必 crash 的绝境:每次打开 App 都闪退,无法正常使用App。下面这篇文章主要给大家介绍了iOS App连续闪退时上报crash日志的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
收藏 0 赞 0 分享

如何为Xcode添加删除整行、复制整行及在下方新建一行快捷键详解

xcode是苹果公司向开发人员提供的集成开发环境,开发者们经常会使用到,下面这篇文章主要给大家介绍了关于如何为Xcode添加删除整行、复制整行及在下方新建一行快捷键的相关资料,需要的朋友可以参考下。
收藏 0 赞 0 分享

iOS指纹登录(TouchID)集成方案详解

这篇文章主要为大家详细介绍了iOS指纹登录TouchID的集成方案,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

iOS动态验证码实现代码

本文通过实例代码给大家介绍了ios动态验证码的实现方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

iOS模块化开发浅析

本文给大家分析了IOS在模块发开发时候的相关注意点以及简单代码做了分享,有兴趣的朋友参考学习下。
收藏 0 赞 0 分享

iOS中封装.framework及使用的方法详解

这篇文章主要给大家介绍了关于iOS中封装.framework及使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。
收藏 0 赞 0 分享

WKWebView、WebView和JS的交互方式详解

这篇文章主要给大家介绍了关于WKWebView、WebView和JS的交互方式,文中通过示例代码介绍的非常详细,对各位iOS开发者们具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享

ios wkwebview离线化加载h5资源解决方案

本篇文章主要介绍了ios wkwebview离线化加载h5资源解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

iOS实现带指引线的饼状图效果(不会重叠)

饼状图对大家来说应该都不陌生,下面这篇文章主要给大家介绍了关于iOS实现带指引线的饼状图效果(不会重叠)的相关资料,文章通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享
查看更多