IOS开发之——图片轮播器

一 步骤

  1. ScrollView getter方法懒加载只指定了大小,添加到视图
  2. viewDidLoad中添加图像,并且计算位置
  3. 运行观察效果,修改scrollView的属性.......
  4. 实例化UIPageControl
  5. 因为分页控件和滚动视图是分离的,因此监听滚动停止代理方法,修改分页控件的页数
  6. 将UIPageControl定义成属性,并且添加监听方法
  7. 实现监听方法,页数变化后,修改scrollView的位置
  8. 添加时钟,调用分页控件的监听方法,实现图片自动轮播

二 效果图

三 代码

2.1 OC模式下(ViewController.m)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
#import "ViewController.h"
#define KImageCount 5

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

@end

@implementation ViewController

-(UIScrollView *)scrollView
{
if(_scrollView==nil)
{
_scrollView=[[UIScrollView alloc]initWithFrame:CGRectMake(12, 20, 352, 180)];
_scrollView.backgroundColor=[UIColor redColor];
[self.view addSubview:_scrollView];
self.scrollView.pagingEnabled=YES;//设置分页
//取消滚动条
self.scrollView.showsVerticalScrollIndicator=NO;
self.scrollView.showsHorizontalScrollIndicator=NO;
//取消弹簧效果
self.scrollView.bounces=NO;
self.scrollView.contentSize=CGSizeMake(KImageCount*_scrollView.bounds.size.width, 0);
_scrollView.delegate=self;

}
return _scrollView;
}

- (UIPageControl *)pageControl
{
if(_pageControl==nil)
{
_pageControl=[[UIPageControl alloc]init];
_pageControl.numberOfPages=KImageCount;
CGSize size= [_pageControl sizeForNumberOfPages:KImageCount];
_pageControl.bounds=CGRectMake(0, 0, size.width,size.height);
_pageControl.center=CGPointMake(self.view.center.x, 170);
_pageControl.pageIndicatorTintColor=[UIColor redColor];
_pageControl.currentPageIndicatorTintColor=[UIColor greenColor];
[self.view addSubview:_pageControl];
[_pageControl addTarget:self action:@selector(pageChange:) forControlEvents:UIControlEventValueChanged];
}
return _pageControl;
}
//分页控件的监听
-(void)pageChange:(UIPageControl *)pageControl
{
NSLog(@"%ld",pageControl.currentPage);
CGFloat x=pageControl.currentPage*self.scrollView.bounds.size.width;
[self.scrollView setContentOffset:CGPointMake(x, 0) animated: YES];
}
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
//设置图片
for (int i=0; i<KImageCount; i++) {

NSString *imageName=[NSString stringWithFormat:@"img_%02d",i+1];
UIImage *image=[UIImage imageNamed:imageName];
UIImageView *imageView=[[UIImageView alloc]initWithFrame:self.scrollView.bounds];
imageView.image=image;
[self.scrollView addSubview:imageView];
}
//计算imageView的位置
[self.scrollView.subviews enumerateObjectsUsingBlock:^(__kindof UIImageView * _Nonnull imageView, NSUInteger idx, BOOL * _Nonnull stop) {
//调整x=>origin=>frame
CGRect frame=imageView.frame;
frame.origin.x=idx*frame.size.width;
imageView.frame=frame;
}];
//NSLog(@"%@",self.scrollView.subviews);

self.pageControl.currentPage=0;
[self startTimer];
}
-(void)startTimer
{
self.timer=[NSTimer timerWithTimeInterval:2.0 target:self selector:@selector(updateTimer) userInfo:nil repeats:YES];
[[NSRunLoop currentRunLoop]addTimer:self.timer forMode:NSRunLoopCommonModes];
// self.timer=[NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(updateTimer) userInfo:nil repeats:YES];
}
-(void)updateTimer
{
int page=(self.pageControl.currentPage+1)%KImageCount;
self.pageControl.currentPage=page;
NSLog(@"%d",self.pageControl.currentPage);
[self pageChange:self.pageControl];
}
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
[self.timer invalidate];
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
[self startTimer];
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
int page=scrollView.contentOffset.x/scrollView.bounds.size.width;
self.pageControl.currentPage=page;
}
@end