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

2024-05-16 01:08
文章标签 实现 图片 切换 自动 用户 点击 手动 滑动 nstimer uiscrollview uipagecontrol

本文主要是介绍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中拖入的控件相关联，我用的XCode4.3.1.

    

[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是一个很牛气的网站，我的很多问题都是在这里找到解决办法的，这是一个英文网站，有时看着会比较吃力。努力学习英语啊， 抓狂，与各位同仁共勉。

这篇关于UIScrollView+UIPageControl+NSTimer实现图片的自动滑动以及用户可手动切换，UIPageControl可点击的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/993443。

相关文章

Oracle查询优化之高效实现仅查询前10条记录的方法与实践

Oracle查询优化之高效实现仅查询前10条记录的方法与实践

《Oracle查询优化之高效实现仅查询前10条记录的方法与实践》：本文主要介绍Oracle查询优化之高效实现仅查询前10条记录的相关资料,包括使用ROWNUM、ROW_NUMBER()函数、FET... 目录1. 使用 ROWNUM 查询2. 使用 ROW_NUMBER() 函数3. 使用 FETCH FI
阅读更多...
Python脚本实现自动删除C盘临时文件夹

Python脚本实现自动删除C盘临时文件夹

《Python脚本实现自动删除C盘临时文件夹》在日常使用电脑的过程中,临时文件夹往往会积累大量的无用数据,占用宝贵的磁盘空间,下面我们就来看看Python如何通过脚本实现自动删除C盘临时文件夹吧... 目录一、准备工作二、python脚本编写三、脚本解析四、运行脚本五、案例演示六、注意事项七、总结在日常使用
阅读更多...
Java实现Excel与HTML互转

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式，广泛用于数据处理和分析，而HTM则是一种用于创建网页的标记语言。虽然两
阅读更多...
Java中Springboot集成Kafka实现消息发送和接收功能

Java中Springboot集成Kafka实现消息发送和接收功能

《Java中Springboot集成Kafka实现消息发送和接收功能》Kafka是一个高吞吐量的分布式发布-订阅消息系统,主要用于处理大规模数据流,它由生产者、消费者、主题、分区和代理等组件构成,Ka... 目录一、Kafka 简介二、Kafka 功能三、POM依赖四、配置文件五、生产者六、消费者一、Kaf
阅读更多...
数据库oracle用户密码过期查询及解决方案

数据库oracle用户密码过期查询及解决方案

《数据库oracle用户密码过期查询及解决方案》：本文主要介绍如何处理ORACLE数据库用户密码过期和修改密码期限的问题,包括创建用户、赋予权限、修改密码、解锁用户和设置密码期限,文中通过代码介绍... 目录前言一、创建用户、赋予权限、修改密码、解锁用户和设置期限二、查询用户密码期限和过期后的修改1.查询用
阅读更多...
使用Python实现在Word中添加或删除超链接

使用Python实现在Word中添加或删除超链接

《使用Python实现在Word中添加或删除超链接》在Word文档中,超链接是一种将文本或图像连接到其他文档、网页或同一文档中不同部分的功能,本文将为大家介绍一下Python如何实现在Word中添加或... 在Word文档中，超链接是一种将文本或图像连接到其他文档、网页或同一文档中不同部分的功能。通过添加超
阅读更多...
windos server2022里的DFS配置的实现

windos server2022里的DFS配置的实现

《windosserver2022里的DFS配置的实现》DFS是WindowsServer操作系统提供的一种功能,用于在多台服务器上集中管理共享文件夹和文件的分布式存储解决方案,本文就来介绍一下wi... 目录什么是DFS？优势：应用场景：DFS配置步骤什么是DFS？DFS指的是分布式文件系统（Distr
阅读更多...
NFS实现多服务器文件的共享的方法步骤

NFS实现多服务器文件的共享的方法步骤

《NFS实现多服务器文件的共享的方法步骤》NFS允许网络中的计算机之间共享资源,客户端可以透明地读写远端NFS服务器上的文件,本文就来介绍一下NFS实现多服务器文件的共享的方法步骤,感兴趣的可以了解一... 目录一、简介二、部署1、准备1、服务端和客户端：安装nfs-utils2、服务端：创建共享目录3、服
阅读更多...
IDEA如何切换数据库版本mysql5或mysql8

IDEA如何切换数据库版本mysql5或mysql8

《IDEA如何切换数据库版本mysql5或mysql8》本文介绍了如何将IntelliJIDEA从MySQL5切换到MySQL8的详细步骤,包括下载MySQL8、安装、配置、停止旧服务、启动新服务以及... 目录问题描述解决方案第一步第二步第三步第四步第五步总结问题描述最近想开发一个新应用，想使用mysq
阅读更多...
C#使用yield关键字实现提升迭代性能与效率

C#使用yield关键字实现提升迭代性能与效率

《C#使用yield关键字实现提升迭代性能与效率》yield关键字在C#中简化了数据迭代的方式,实现了按需生成数据,自动维护迭代状态,本文主要来聊聊如何使用yield关键字实现提升迭代性能与效率,感兴... 目录前言传统迭代和yield迭代方式对比yield延迟加载按需获取数据yield break显式示迭
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2