IOS：个人笔记|UI_UIScrollView图片循环轮播

先上结果图

不会制作gif，直接放个截图吧

 

 代码如下

基本思路

1：先是实现基本的ScrollView滑动。主要弄清几个宽度之间的关系。

2：然后是pageControl控件的一些设置，currentpage的轮换需要配合scrollview的几个代理方法，监听scrollview的事件

      注意pageControl和scrollview是同等级的关系。

3：自动播放，是去设置contentsize的偏移量来实现画面的更替。

4:page的计算，理解清楚就行.

#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>
@property(strong,nonatomic)UIButton *transBtn;
@property(strong,nonatomic)UIImageView *imageView;
@property(strong,nonatomic)UIScrollView *scrollView;
@property(strong,nonatomic)UIPageControl *pageControl;
@property(strong,nonatomic)NSTimer *timer;
@end

@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    [self setUIScrollView];
//    self.view.backgroundColor=[UIColor redColor];
}
-(void)setUIScrollView{
     UIImage *image=[UIImage imageNamed:@"l1.png"];
      CGFloat w=image.size.width;
      CGFloat h=image.size.height;
    _scrollView=[[UIScrollView alloc]init];
    _scrollView.frame=CGRectMake(30, 60, w, h);
    for(int i= 0;i<5;i++)
    {
        NSString *pictName=[NSString stringWithFormat:@"l%d.png",i+1 ];
        UIImageView *imageview=[[UIImageView alloc]initWithFrame:CGRectMake(i*w, 0, w, h)];
        imageview.image=[UIImage imageNamed:pictName];
    [_scrollView addSubview:imageview];
    }
    _scrollView.contentSize=CGSizeMake(5*w, h);
    //开启分页功能
    _scrollView.pagingEnabled=YES;
    [self.view addSubview: _scrollView];
    
    _pageControl=[[UIPageControl alloc ]initWithFrame:CGRectMake(280, 200, 1, 1)];
    _pageControl.numberOfPages=5;
    _pageControl.currentPageIndicatorTintColor=[UIColor blackColor];
    _pageControl.pageIndicatorTintColor=[UIColor redColor];
    [self.view addSubview:_pageControl];
    _scrollView.delegate=self;
    [self startTimer];
}
//开始手动拖拽的时候停止定时器
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    [self stopTimer];
}
//滑动事件，只要滑动超过一半，分页标示就跳到下一页。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    int page=(int)(scrollView.contentOffset.x/scrollView.frame.size.width+0.5);
    _pageControl.currentPage=page;
}
//下面的两个监听方法是下个页面完整的显示出来了，分页标示才跳到下一个，一般的实际开发都用上面划一半就跳的，这里都写出来了。
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    if(decelerate)
    {NSLog(@"已停止拖拽，由于惯性继续滚动");}
    else
    {NSLog(@"已停止拖拽，停止滚动");
    int page=scrollView.contentOffset.x/scrollView.frame.size.width;
    _pageControl.currentPage=page;
    }
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    NSLog(@"减速完毕停止滚动");
    int page=scrollView.contentOffset.x/scrollView.frame.size.width;
    _pageControl.currentPage=page;
    [self startTimer];
}
-(void)startTimer{
    _timer= [  NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
    
}
-(void)stopTimer{
    [_timer invalidate];
       _timer=nil;
}
-(void)nextPage{
    
    int page=(int)(_pageControl.currentPage+1);
    if(page==5)
        page=0;
    [ _scrollView setContentOffset:CGPointMake(page*_scrollView.frame.size.width,0) animated:YES];
}
@end