iOS 之scrollView 实现图片轮播／collectionview实现轮播/当前页面切换collectionviewcell显示个数_ios sdcyclescrollview 支持一屏展示一个多一点吗-CSDN博客

本文链接：https://blog.csdn.net/u011146511/article/details/51297458

参考框架：LazyScrollView:https://github.com/alibaba/LazyScrollView

http://pingguohe.net/2016/01/31/lazyscroll.html

SDCycleScrollView： https://github.com/gsdios/SDCycleScrollView

==========1.scrollView 实现图片轮播

#import "ViewController.h"

#define kScrollViewSize (_scrollView.frame.size)

#define kImageCount 5

@interface ViewController ()<UIScrollViewDelegate>

@property (weak, nonatomic) IBOutletUIScrollView *scrollView;

@property (weak, nonatomic) IBOutletUIPageControl *pageControl;

@property (nonatomic,strong)NSTimer *timer;

@end

@implementation ViewController

- (void)viewDidLoad {

[superviewDidLoad];

[self setupUI];

}

#pragma mark -

#pragma mark - 设置UI界面

- (void)setupUI {

// 设置控制器成为scrollView的代理

_scrollView.delegate =self;

[selfsetupScrollView];

[selfsetupPageControll];

// 创建计时器

[selfinitImageTimer];

}

#pragma mark -

#pragma mark - 创建计时器

- (void)initImageTimer {

/**

scheduled 计划，安排

interval : 间隔

target : 一般指控制器

selector: 方法

userInfo : 用户自定义的参数

repeats: 重复

每隔1秒钟调用控制器的 didClickButton：方法，传递的参数为nil

一旦创建就会立即生效

在使用timer的时候，如果调用了 invalidate方法，那么这个计时器就不会再次生效

重新创建新的timer

_timer = [NSTimerscheduledTimerWithTimeInterval:1

target:self

selector:@selector(didClickButton:)

userInfo:nil

repeats:YES];

// [_timer fire]; 调用fire ，这个计时器会立即执行，不会等待 interval设置的时间

//把图片轮播的NStime的优先级提高

NSRunLoop *mainLoop = [NSRunLoopmainRunLoop];

[mainLoop addTimer:_timerforMode:NSRunLoopCommonModes];

}

/**

在开始拖拽的时候，把计时器停止

invalidate 无效的意思

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {

// 让计时器无效

[_timer invalidate];

_timer=nil;

}

/**

当停止拖拽的时候，让计时器开始工作

手指离开scrollView的时候

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {

// [_timer fire];

[self initImageTimer];

}

#pragma mark -

#pragma mark - scrollView设置

- (void)setupScrollView {

// 取出scrollView的size

// CGSize scrollViewSize = _scrollView.frame.size;

for (int i =0; i <kImageCount; i++) {

// 计算imageView的x值

CGFloat imageViewX = i * kScrollViewSize.width;

UIImageView *imageView = [[UIImageViewalloc]initWithFrame:CGRectMake(imageViewX,0,kScrollViewSize.width,kScrollViewSize.height)];

// 设置图片

// imageView.image =[UIImage imageNamed:@"img_01"];

// 拼接图片的名称

NSString *imageName = [NSStringstringWithFormat:@"img_%02d",i +1];

imageView.image = [UIImageimageNamed:imageName];

// 添加到scrollView

[_scrollView addSubview:imageView];

}

// 设置 scrollView的contentSize

_scrollView.contentSize =CGSizeMake(kImageCount *kScrollViewSize.width,0);

// 隐藏滚动指示器

_scrollView.showsHorizontalScrollIndicator =NO;

// scrollView的分页效果 (根据scrollView的宽度进行分页的)

_scrollView.pagingEnabled =YES;

}

#pragma mark -

#pragma mark - 设置pageControll

- (void)setupPageControll {

// 设置总共有几个点

_pageControl.numberOfPages =kImageCount;

// 设置指示器的颜色

// 非当前的指示器

_pageControl.pageIndicatorTintColor = [UIColorgrayColor];

// 设置当前指示器的颜色

_pageControl.currentPageIndicatorTintColor = [UIColorredColor];

// 设置当前在第几个点 , 取值范围是 0 .. numberOfPages - 1

// 设置的currentPage如果超出最大的范围，就在最后一个显示

// 设置的currentPage如果超出最小的范围就在第一个显示

_pageControl.currentPage =0;

//注意:pagecontrol 要放在scrowView后面设置,否则pagecontrol可能不显示;

}

#pragma mark -

#pragma mark - 当scrollView停止减速的时候调用

// Decelerating 减速

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

// currentPage = scrollView.contentOffset.x / kScrollViewSize.width

_pageControl.currentPage = scrollView.contentOffset.x / kScrollViewSize.width;

}

- (IBAction)didClickButton:(id)sender {

/**

1. 取出scrollView的contentOffset

2. 取出 pagecontroll的 currentPage

3. 进行修改

4. 赋值回去

// 1. 取出 contentOffset

CGPoint offset =_scrollView.contentOffset;

// 2. currentPage

NSInteger currentPage = _pageControl.currentPage;

// 3. 进行修改

if (currentPage == 4) {

// 到了最后一张,再次点击的时候，到第一张图片的位置

// currentPage 修改为0

currentPage = 0;

// 修改 scrollView的contentOffset

offset = CGPointZero;

} else {

currentPage += 1;

offset.x += kScrollViewSize.width;

}

// 4. 赋值回去

_pageControl.currentPage = currentPage;

[_scrollViewsetContentOffset:offsetanimated:YES];

}

@end

======================scrollview实现轮播2，直接设置image数组就能用，分模型的数组，或者urlStr数组，nameStr数组

#import <UIKit/UIKit.h>

@class LYHomeinnerAdvertiseView;

@protocol LYHomeinnerAdvertiseViewdelegate <NSObject>

-(void)LYHomeinnerAdvertiseView:(LYHomeinnerAdvertiseView *)LYHomeinnerAdvertiseView mark:(NSString *)markstr url:(NSString *)url;

@end

@interface LYHomeinnerAdvertiseView : UIView

@property(nonatomic,strong)NSArray *bannerArr;

@property(nonatomic,copy)NSString *homebanner;

@property(nonatomic,assign)id<LYHomeinnerAdvertiseViewdelegate>delegate;

@end

**************

#import "LYHomeinnerAdvertiseView.h"

#import "LYHomelunbobannerModel.h"

#import "Header.h"

@interface LYHomeinnerAdvertiseView()<UIScrollViewDelegate>

@property(nonatomic,strong)UIScrollView *headerScroll;

@property(nonatomic,strong)UIPageControl *pageCtrl;

@property(nonatomic,strong)NSTimer *timer;

@property(nonatomic,strong)NSArray *imgeArr;

@property(nonatomic,strong)UIImageView *adoneView;

@property(nonatomic,strong)UIImageView *adtwoView;

@property(nonatomic,strong)UIImageView *adthreeView;

@property(nonatomic,strong)UIImageView *adfourView;

@property(nonatomic,strong)UIImageView *adfiveView;

@property(nonatomic,strong)UIImageView *adsixView;

@end

@implementation LYHomeinnerAdvertiseView

-(NSArray *)imgeArr{

if(nil==_imgeArr){//,@"adtwo",bannerhomeOne,tabheadscrolImage

_imgeArr = [[NSArray alloc]init];

}

return _imgeArr;

}

-(instancetype)initWithFrame:(CGRect)frame{

if(self=[super initWithFrame:frame]){

NSLog(@"view执行");

self.backgroundColor=[UIColor colorWithPatternImage:[UIImage imageNamed:@"bannerhomeOne"]];

}

return self;

}

-(void)initView{

[self setHeadView];//

if ([self.timer isValid]) {

[self.timer invalidate];

self.timer = nil;

}

if(self.headerScroll){

if(!self.timer && !self.timer.isValid){

[self NSTimers];

}

-(void)NSTimers{

NSTimer *timer=[NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(lunbo) userInfo:nil repeats:YES];

self.timer=timer;

[[NSRunLoop currentRunLoop]addTimer:timer forMode:NSDefaultRunLoopMode];

}

//轮播headerview

-(void)setHeadView{

if(!self.headerScroll){

self.headerScroll=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, WIDTH, ADHEIGHT)];

[self addSubview: self.headerScroll];

}

self.headerScroll.tag=14004;

self.headerScroll.delegate=self;

for (UIView *v in self.headerScroll.subviews) {

[v removeFromSuperview];

}

for(int i=0;i<self.imgeArr.count;i++){

LYHomelunbobannerModel *bannemodel=self.imgeArr[i];

UIImageView *imageV=[[UIImageView alloc]initWithFrame:CGRectMake(i*WIDTH, 0, WIDTH, ADHEIGHT)];

imageV.userInteractionEnabled=YES;

imageV.tag=14100+i;

[ self.headerScroll addSubview:imageV];

NSURL *url=[NSURL URLWithString:bannemodel.ad_code];

NSData *data=[NSData dataWithContentsOfURL:url];

UIImage *image=[UIImage imageWithData:data];

imageV.image=image;

imageV.backgroundColor=[UIColor whiteColor];

if(i==0){

self.adoneView=imageV;

}else if(i==1){

self.adtwoView=imageV;

}else if(i==2){

self.adthreeView=imageV;

}else if(i==3){

self.adfourView=imageV;

}else if(i==4){

self.adfiveView=imageV;

}else if(i==5){

self.adsixView=imageV;

}

UITapGestureRecognizer *tap=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(taps:)];

[imageV addGestureRecognizer:tap];

}

self.headerScroll.contentSize=CGSizeMake(WIDTH*self.imgeArr.count+1, 0);

self.headerScroll.pagingEnabled=YES;

self.headerScroll.showsHorizontalScrollIndicator=NO;

UIPageControl *pageCtr=[[UIPageControl alloc]init];

self.pageCtrl=pageCtr;

pageCtr.numberOfPages=self.imgeArr.count;

pageCtr.currentPage=0;

pageCtr.bounds=CGRectMake(0, 0, 100, 20);

pageCtr.center=CGPointMake(self.center.x,100);

pageCtr.pageIndicatorTintColor=[UIColor grayColor];

pageCtr.currentPageIndicatorTintColor=[UIColor whiteColor];

[self addSubview:pageCtr];

}

-(void)taps:(UITapGestureRecognizer *)tap {

if(tap.view==self.adoneView){//取现

LYHomelunbobannerModel *bannermodel=self.imgeArr[0];