#import "CLLCarouselView.h"@interface CLLCarouselView ()/**
左邊的圖片 -- 上一張
*/
@property (nonatomic, strong)UIImageView * leftImageView;
/**
中間的圖片 -- 顯示的圖片
*/
@property (nonatomic, strong)UIImageView * centerImageView;
/**
右邊的圖片 -- 下一張
*/
@property (nonatomic, strong)UIImageView * rightImageView;
/**
滾動圖
*/
@property (nonatomic, strong)UIScrollView * contentView;
/**
分頁點
*/
@property (nonatomic, strong)UIPageControl * pageControl;
/**
顯示圖片的下標
*/
@property (nonatomic, assign)int pageIndex;
/**
定時器
*/
@property (nonatomic, strong)NSTimer * aTimer;
@end
@implementation CLLCarouselView
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
[self setupSubviews];
//? ? ? ? self.backgroundColor = [UIColor magentaColor];
}
return self;
}
- (void)setupSubviews
{
self.contentView = [[UIScrollView alloc] initWithFrame:self.bounds];
_contentView.pagingEnabled = YES;
_contentView.showsVerticalScrollIndicator = NO;
_contentView.showsHorizontalScrollIndicator = NO;
_contentView.alwaysBounceHorizontal = YES;
_contentView.contentSize = CGSizeMake(self.width * 3, 0);
//? ? _contentView.backgroundColor = [UIColor redColor];
_contentView.delegate = self;
[self addSubview:_contentView];
self.leftImageView = [[UIImageView alloc] initWithFrame:_contentView.bounds];
_leftImageView.left = 0;
//? ? _leftImageView.backgroundColor = MHCustomColor;
[_contentView addSubview:_leftImageView];
self.centerImageView = [[UIImageView alloc] initWithFrame:_contentView.bounds];
//中間位置-- 固定
_centerImageView.left = _leftImageView.right;
_centerImageView.userInteractionEnabled = YES;
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(carouselTapAction:)];
//添加輕按手勢 --- 只有中間顯示圖片有, 其他兩張不能點擊
[_centerImageView addGestureRecognizer:tap];
//? ? _centerImageView.backgroundColor = MHCustomColor;
[_contentView addSubview:_centerImageView];
self.rightImageView = [[UIImageView alloc] initWithFrame:_contentView.bounds];
//屏幕右邊位置 --固定
_rightImageView.left = _centerImageView.right;
//? ? _rightImageView.backgroundColor = MHCustomColor;
[_contentView addSubview:_rightImageView];
self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(10, self.height - 25, self.width - 20, 15)];
_pageControl.tintColor = [UIColor whiteColor];
[self addSubview:_pageControl];
_contentView.contentOffset = CGPointMake(_leftImageView.right, 0);
}
/**
手勢關聯(lián)方法 -- 調用block回調, 傳出點擊的圖片下標
@param tap 圖片輕按手勢
*/
- (void)carouselTapAction:(UITapGestureRecognizer *)tap
{
if (self.selectCarouselImageBlock) {
self.selectCarouselImageBlock(_pageIndex);
}
}
/**
設置圖片數組
@param imagesAry 圖片名稱數組
*/
- (void)setImagesAry:(NSArray *)imagesAry
{
_imagesAry = imagesAry;
_pageIndex = 0;
if (_imagesAry.count > 1) {
//不是一張圖片 -- 添加定時器
[self addTimer];
_pageControl.numberOfPages = imagesAry.count;
_leftImageView.image = [UIImage imageNamed:[imagesAry lastObject]];
//顯示第一張圖片
_centerImageView.image = [UIImage imageNamed:imagesAry[0]];
_rightImageView.image = [UIImage imageNamed:imagesAry[1]];
_contentView.scrollEnabled = YES;
_contentView.contentOffset = CGPointMake(_leftImageView.right, 0);
}else
{
//如果是只有一張, 不能滾動
_centerImageView.image = [UIImage imageNamed:imagesAry[0]];
_contentView.scrollEnabled = NO;
}
}
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
//拖拽的時候, 定時器暫時關閉
[self.aTimer invalidate];
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
//拖拽結束, 定時器重新添加
[self addTimer];
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
//判斷是否是向后滑動
if (_contentView.contentOffset.x > _contentView.width * 1.5) {
//判斷當前顯示圖片是不是最后一張
if (_pageIndex == _imagesAry.count - 1) {
_leftImageView.image = [UIImage imageNamed:_imagesAry[_imagesAry.count - 1]];
_centerImageView.image = [UIImage imageNamed:_imagesAry[0]];
_rightImageView.image = [UIImage imageNamed:_imagesAry[1]];
_pageIndex = 0;
}else
{
_leftImageView.image = [UIImage imageNamed:_imagesAry[_pageIndex]];
_centerImageView.image = [UIImage imageNamed:_imagesAry[_pageIndex + 1]];
_rightImageView.image = [UIImage imageNamed:_pageIndex + 1 == _imagesAry.count - 1 ? _imagesAry[0] : _imagesAry[_pageIndex + 2]];
_pageIndex += 1;
}
}else if (_contentView.contentOffset.x < _contentView.width * 0.5)
{
if (_pageIndex == 0) {
_leftImageView.image = [UIImage imageNamed:_imagesAry.count - 1 == 0 ? _imagesAry[_imagesAry.count - 1] : _imagesAry[_imagesAry.count - 2]];
_centerImageView.image = [UIImage imageNamed:_imagesAry[_imagesAry.count - 1]];
_rightImageView.image = [UIImage imageNamed:_imagesAry[0]];
_pageIndex = (int)_imagesAry.count - 1;
}else
{
_leftImageView.image = [UIImage imageNamed: _pageIndex - 1 == 0 ? _imagesAry[_imagesAry.count - 1] : _imagesAry[_pageIndex - 2]];
_centerImageView.image = [UIImage imageNamed:_imagesAry[_pageIndex - 1]];
_rightImageView.image = [UIImage imageNamed:_imagesAry[_pageIndex]];
_pageIndex -= 1;
}
}
_pageControl.currentPage = _pageIndex;
//圖片替換完成后, 返回到中間位置
_contentView.contentOffset = CGPointMake(_leftImageView.right, 0);
}
/** 添加定時器 */
- (void)addTimer
{
if (![self.aTimer isValid]) {
NSTimer *timer = [NSTimer timerWithTimeInterval:4.0f target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
[[NSRunLoop currentRunLoop] addTimer:timer forMode:NSDefaultRunLoopMode];
self.aTimer = timer;
}
}
- (void)nextPage
{
[UIView animateWithDuration:0.5 animations:^{
_contentView.contentOffset = CGPointMake(_centerImageView.right, 0);
} completion:^(BOOL finished) {
if (_pageIndex == _imagesAry.count - 1) {
_leftImageView.image = [UIImage imageNamed:_imagesAry[_imagesAry.count - 1]];
_centerImageView.image = [UIImage imageNamed:_imagesAry[0]];
_rightImageView.image = [UIImage imageNamed:_imagesAry[1]];
_pageIndex = 0;
}else
{
_leftImageView.image = [UIImage imageNamed:_imagesAry[_pageIndex]];
_centerImageView.image = [UIImage imageNamed:_imagesAry[_pageIndex + 1]];
_rightImageView.image = [UIImage imageNamed:_pageIndex + 1 == _imagesAry.count - 1 ? _imagesAry[0] : _imagesAry[_pageIndex + 2]];
_pageIndex += 1;
}
_pageControl.currentPage = _pageIndex;
_contentView.contentOffset = CGPointMake(_leftImageView.right, 0);
}];
}
/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
// Drawing code
}
*/
@end
#import/**
主頁面輪播圖
*/
@interface CLLCarouselView : UIView
/**
圖片數組, 傳圖片的名稱數組
*/
@property (nonatomic, copy)NSArray * imagesAry;
/**
點擊圖片回調block -- index圖片下標
*/
@property(nonatomic, copy)void(^selectCarouselImageBlock)(NSInteger index);
@end
