UIScrollView+UIPageControl+NSTimer实现图片的自动滑动以及用户可手动切换，UIPageControl可点击

原文链接http://blog.csdn.net/zhuiyi316/article/details/7756472

研究了一整天的成果，也借鉴了网上的一些资料，参考了http://huluwa.me/blog/ios-uiscrollview-loop/.的思想.主要实现了以下功能：

     1.自动滑动图片，UIPageControl会随着图片滑动而改变；
     2.用户可以手动切换图片，左右切换均可，当用户手动滑动图片时，图片停止自动切换；
     3.实现了图片的循环播放；
     4.UIPageControl可点击从而实现向左或右滑动，当用户点击UIPageControl时，图片不再自动切换；

    直接上代码吧，不懂的后面还有工程和说明文档也一并附上(原来这个不能直接上传附件，要的就去资源页下载吧：http://download.csdn.net/detail/zhuiyi316/4434616)。

    首先是.h文件，注意自己将IBOutlet和IBAction与storyBoard中拖入的控件相关联

    

[plain]  view plain copy

1. #import <UIKit/UIKit.h>  
2.   
3. @interface ViewController : UIViewController<UIScrollViewDelegate>  
4. {  
5.     NSMutableArray *imageArray;//存放图片  
6.     NSTimer *myTimer;//定时器  
7.       
8. }  
9. @property(nonatomic,retain) IBOutlet UIScrollView *myScrollView;  
10. @property(nonatomic,retain) IBOutlet  
11.     UIPageControl *pageControl;  
12.   
13. -(IBAction)pageTurn:(UIPageControl *)sender;  
14. @end  

   然后是.m文件，自己添加图片。 #import <QuartzCore/QuartzCore.h>是用来设置边角的。

[plain]  view plain copy

1. #import "ViewController.h"  
2. #import <QuartzCore/QuartzCore.h>  
3. @interface ViewController ()  
4.   
5. @end  
6.   
7. @implementation ViewController  
8. @synthesize myScrollView,pageControl;  
9.   
10. -(void)initArray  
11. {  
12.     imageArray=[NSArray arrayWithObjects: [UIImage imageNamed:@"share.png"],[UIImage imageNamed:@"home_baike.png"],[UIImage imageNamed:@"home_chat.png"],[UIImage imageNamed:@"Icon.png"],nil];  
13.     //存放图片的数组  
14.   
15. }  
16. - (void)viewDidLoad  
17. {  
18.     [super viewDidLoad];  
19.     [self initArray];  
20.     [self configScrollView];    
21.    }  
22. -(void)configScrollView  
23. {  
24.     /*  
25.      @//初始化UIScrollView，设置相关属性，均可在storyBoard中设置  
26.      CGRect frame=CGRectMake(0, 0, 320, 480);  
27.      self.myScrollView = [[UIScrollView alloc]initWithFrame:frame];    //scrollView的大小  
28.      self.myScrollView.backgroundColor=[UIColor blueColor];  
29.      self.myScrollView.pagingEnabled=YES;//以页为单位滑动，即自动到下一页的开始边界  
30.      self.myScrollView.showsVerticalScrollIndicator=NO;  
31.      self.myScrollView.showsHorizontalScrollIndicator=NO;//隐藏垂直和水平显示条  
32.      */    
33.     self.myScrollView.delegate=self;  
34.     UIImageView *firstView=[[UIImageView alloc] initWithImage:[imageArray lastObject]];  
35.     CGFloat Width=self.myScrollView.frame.size.width;  
36.     CGFloat Height=self.myScrollView.frame.size.height;  
37.     firstView.frame=CGRectMake(0, 0, Width, Height);  
38.     [self.myScrollView addSubview:firstView];  
39.     //set the last as the first  
40.       
41.     for (int i=0; i<[imageArray count]; i++) {  
42.         UIImageView *subViews=[[UIImageView alloc] initWithImage:[imageArray objectAtIndex:i]];  
43.         subViews.frame=CGRectMake(Width*(i+1), 0, Width, Height);  
44.         [self.myScrollView addSubview: subViews];  
45.     }  
46.       
47.     UIImageView *lastView=[[UIImageView alloc] initWithImage:[imageArray objectAtIndex:0]];  
48.     lastView.frame=CGRectMake(Width*(imageArray.count+1), 0, Width, Height);  
49.     [self.myScrollView addSubview:lastView];  
50.     //set the first as the last  
51.       
52.     [self.myScrollView setContentSize:CGSizeMake(Width*(imageArray.count+2), Height)];  
53.     [self.view addSubview:self.myScrollView];  
54.     [self.myScrollView scrollRectToVisible:CGRectMake(Width, 0, Width, Height) animated:NO];  
55.     //show the real first image,not the first in the scrollView  
56.       
57. /*   
58. @//设置pageControl的位置，及相关属性，可选  
59.    CGRect pageControlFrame=CGRectMake(100, 160, 78, 36);  
60.    self.pageControl=[[UIPageControl alloc]initWithFrame:pageControlFrame];  
61.       
62.     [self.pageControl setBounds:CGRectMake(0, 0, 16*(self.pageControl.numberOfPages-1), 16)];//设置pageControl中点的间距为16  
63.     [self.pageControl.layer setCornerRadius:8];//设置圆角  
64. */  
65.     self.pageControl.numberOfPages=imageArray.count;   
66. //    self.pageControl.backgroundColor=[UIColor blueColor];//背景  
67.     self.pageControl.currentPage=0;  
68.     self.pageControl.enabled=YES;  
69.     [self.view addSubview:self.pageControl];  
70.     [self.pageControl addTarget:self action:@selector(pageTurn:)forControlEvents:UIControlEventValueChanged];  
71.       
72.     myTimer=[NSTimer scheduledTimerWithTimeInterval:2.0f target:self selector:@selector(scrollToNextPage:) userInfo:nil repeats:YES];  
73.       
74. }  
75.   
76. #pragma UIScrollView delegate  
77. -(void)scrollToNextPage:(id)sender  
78. {  
79.     int pageNum=self.pageControl.currentPage;  
80.     CGSize viewSize=self.myScrollView.frame.size;  
81.     CGRect rect=CGRectMake((pageNum+2)*viewSize.width, 0, viewSize.width, viewSize.height);  
82.     [self.myScrollView scrollRectToVisible:rect animated:NO];  
83.     pageNum++;  
84.     if (pageNum==imageArray.count) {  
85.         CGRect newRect=CGRectMake(viewSize.width, 0, viewSize.width, viewSize.height);  
86.         [self.myScrollView scrollRectToVisible:newRect animated:NO];  
87.     }  
88. }  
89. -(void)scrollViewDidScroll:(UIScrollView *)scrollView  
90. {  
91.     CGFloat pageWidth=self.myScrollView.frame.size.width;   
92.     int currentPage=floor((self.myScrollView.contentOffset.x-pageWidth/2)/pageWidth)+1;  
93.     if (currentPage==0) {  
94.         self.pageControl.currentPage=imageArray.count-1;  
95.     }else if(currentPage==imageArray.count+1){  
96.         self.pageControl.currentPage=0;  
97.     }  
98.     self.pageControl.currentPage=currentPage-1;  
99.       
100. }  
101. -(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView  
102. {  
103.     [myTimer invalidate];  
104. }  
105. -(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate  
106. {  
107.     myTimer=[NSTimer scheduledTimerWithTimeInterval:2.0f target:self selector:@selector(scrollToNextPage:) userInfo:nil repeats:YES];  
108. }  
109. -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView  
110. {  
111.     CGFloat pageWidth=self.myScrollView.frame.size.width;  
112.     CGFloat pageHeigth=self.myScrollView.frame.size.height;  
113.     int currentPage=floor((self.myScrollView.contentOffset.x-pageWidth/2)/pageWidth)+1;  
114.     NSLog(@"the current offset==%f",self.myScrollView.contentOffset.x);  
115.     NSLog(@"the current page==%d",currentPage);  
116.       
117.     if (currentPage==0) {  
118.         [self.myScrollView scrollRectToVisible:CGRectMake(pageWidth*imageArray.count, 0, pageWidth, pageHeigth) animated:NO];  
119.         self.pageControl.currentPage=imageArray.count-1;  
120.         NSLog(@"pageControl currentPage==%d",self.pageControl.currentPage);  
121.         NSLog(@"the last image");  
122.         return;  
123.     }else  if(currentPage==[imageArray count]+1){  
124.         [self.myScrollView scrollRectToVisible:CGRectMake(pageWidth, 0, pageWidth, pageHeigth) animated:NO];  
125.         self.pageControl.currentPage=0;  
126.         NSLog(@"pageControl currentPage==%d",self.pageControl.currentPage);  
127.         NSLog(@"the first image");  
128.         return;  
129.     }  
130.     self.pageControl.currentPage=currentPage-1;  
131.     NSLog(@"pageControl currentPage==%d",self.pageControl.currentPage);  
132.       
133. }  
134. -(IBAction)pageTurn:(UIPageControl *)sender  
135. {  
136.     int pageNum=pageControl.currentPage;  
137.     CGSize viewSize=self.myScrollView.frame.size;  
138.     [self.myScrollView setContentOffset:CGPointMake((pageNum+1)*viewSize.width, 0)];  
139.     NSLog(@"myscrollView.contentOffSet.x==%f",myScrollView.contentOffset.x);  
140.     NSLog(@"pageControl currentPage==%d",self.pageControl.currentPage);   [myTimer invalidate];  
141. }  
142.   
143. @end  

       还存在的问题：当我点击UIPageControl中的白点时一次只能切换一张图片，即不能精确定位到某一个点所对应的图片，上网查了好多资料，都没有那个解决。貌似那样是不可以的，http://stackoverflow.com/questions/1103915/is-uipagecontrol-useless-by-itself和http://stackoverflow.com/questions/4037416/scrollview-pagecontrol-dot-doesnt-change-with-the-page?rq=1中有相关的讨论。希望各位牛人能帮忙解决一下这个问题。ps：stackoverflow.com是一个很牛气的网站，我的很多问题都是在这里找到解决办法的，这是一个英文网站，有时看着会比较吃力。努力学习英语啊，，与各位同仁共勉。

原文链接：http://blog.csdn.net/xiaoxiangzhu660810/article/details/8728267