(九)UIScrollView和PageControl的分页
涉及到内容的滚动与拖拽,使用UIScrllView。
对于滚动的多张图片,由于超出屏幕,应该使用代码添加代码。
添加的细节是:图片的宽高即为滚动视图的宽高,图片的y=0,x=图片的序号乘以图片的宽度。
为了美观,还应该去掉水平滚动条,代码为:
self.scrollView.showsHorizontalScrollIndicator = NO;
一定不要忘了设定滚动范围:这里仅仅进行水平滚动,因此垂直滚动范围为0,即当前视图宽度。
CGFloat contentW = imageCount * self.imageW;
self.scrollView.contentSize = CGSizeMake(contentW, 0);
这样可以实现多张图片,但是滑动时无法自动停留在一个图片上,而会卡在中间,这需要分页来解决。
self.scrollView.pagingEnabled = YES;
启动分页以后,会自动根据ScrollView的宽度进行分页。
为了用户体验,应该用小圆点来指示总页数和当前位置,这个控件称为Page Control。
但是在动态添加图片时会盖住这个控件,因此可以采用另一个插入方法,指定将视图插入到index=0处(最顶层,也就是最下层)。
[self.scrollView insertSubview:imageView atIndex:0];
另一个细节,为了将Page Control设置在UIScrollView的上层,又要在其上方,直接拖动会使得UIScrollView将其吸收,可以通过直接修改y值来实现拖动。
为了得到当前页码供Page Control切换,应该设置ScrollView的代理,设置代理的另一种方法是在ScrollView上右键拖线到当前根视图View。
Tip:代理方法的命名规范,以类名开头
为了算出页码,可以根据contentOffset方法来判断。
用下面的方法来切换页码即可:页码总数用numberOfPages来设置。
self.pageControl.currentPage = self.scrollView.contentOffset.x / self.imageW;
这样的缺点是如果右边的图片占优势,无法动态的切换页码,为了动态的切换原点,应该在contentOffset基础上加上一半图片宽度,来达到准确修改页码。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
self.pageControl.currentPage = (self.scrollView.contentOffset.x + self.imageW * 0.5) / self.imageW;
}
但是这样似乎会出现问题,使劲点击小圆点圆点会前进。只需要禁用Page Control的Enable属性即可解决。
实现自动翻页:
要借助定时器,NSTimer或者CADisplayLink,后者适合用来做游戏,可以实现短时间间隔。做事的频率低,用NSTimer。因此这里使用NSTimer。
Tip:schedu...方法不用使用fire可以自动开始。
[NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextImage) userInfo:nil repeats:YES];
Tip:定时器执行的是target的@selector中的方法。
Tip:ScrollView自带动画。方法有animated参数。
为了自动切换页码,注意的是不要直接修改pageControl的currentPage,因为前面的委托函数会实时检测当前位置,会引起冲突,应该弄一个临时变量来获取和达到下一页,真正的currentPage依然由委托实现。
- (void)nextImage{
//1.增加Page Control的页码
int page = 0;
if (self.pageControl.currentPage == imageCount - 1) {
page = 0;
}else{
page = self.pageControl.currentPage + 1;
}
CGPoint offset = CGPointMake(page * self.imageW, 0);
[self.scrollView setContentOffset:offset animated:YES];
}
问题一:
单线程工作,如果有其他滚动操作,就不能自动翻页了。
问题二:
如果按住页码不让跳,定时器无法跳转,会累计定时器的次数,在松手时一次性跳完。
问题二的解决方法是在用户拽住的时候停止定时器,松手的时候再开启定时器,应该用代理。
Tip:定时器禁用后无法再启用,因此应该重新定义定时器。
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
[self.timer invalidate];
self.timer = nil;
} - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextImage) userInfo:nil repeats:YES];
}
问题一的解决:
一个程序默认会开一个线程(主线程),处理UI界面和事件。
注意,UI界面的刷新只能交给主线程来做。
因此应该时分复用来处理每个内容。
应该通过获取当前的消息循环(RunLoop),来将定时器的优先级提高。
Tip:在学习一个方法时,如果一个参数不是枚举而是字符串,那么字符串一般是和这个方法在同一个文件中用宏进行定义的,因此可以在上面查到。
提高定时器优先级的方法为:
[[NSRunLoop currentRunLoop ] addTimer:self.timer forMode:NSRunLoopCommonModes];
Tip:以后使用定时器一定要小心,否则容易造成定时器不响应而引发问题。
问题三:如果图片的数量非常的多,那么提前创建这么多ImageView是不明智的。
一种方法是用到的时候再创建(类似TableCell的思路),另一种方法是循环利用这些ImageView。
用三个ImageView就可以实现这种循环。
无限滚动的另一个好处就是最后一张向右拖动到第一张,第一张向左拖动到最后一张。
重点是代理方法(didScroll)。
这种方式适用于大量图片。
(九)UIScrollView和PageControl的分页的更多相关文章
- Delphi 停靠技术的应用3(两个窗体停靠成PageControl样式, 分页停靠)
Delphi 停靠技术的应用3(两个窗体停靠成PageControl样式, 分页停靠) 因为TPageControl组件重载了TWinControl组件的DoAddDockClient和DoRemov ...
- 第二百三十九节,Bootstrap路径分页标签和徽章组件
Bootstrap路径分页标签和徽章组件 学习要点: 1.路径组件 2.分页组件 3.标签组件 4.徽章组件 本节课我们主要学习一下 Bootstrap 的四个组件功能:路径组件.分页组件.标签组件 ...
- Elasticsearch教程(九) elasticsearch 查询数据 | 分页查询
Elasticsearch 的查询很灵活,并且有Filter,有分组功能,还有ScriptFilter等等,所以很强大.下面上代码: 一个简单的查询,返回一个List<对象> .. ...
- IOS 欢迎页(UIScrollView,UIPageControl)
本文介绍了app欢迎页的简单实现.只有第一次运行程序时才说会出现,其余时间不会出现.下面是效果图. 代码如下:(如有不明白的可以评论我,我会详细讲解) // // ViewController.m / ...
- Asp.net+JS 分页
function pagestart() {//初始化页面,获取公司新闻 $("#pagediv").hide(); $("); var pagesize = $(&qu ...
- iOS开发——UI篇Swift篇&UIScrollView
UIScrollView //返回按钮事件 @IBAction func backButtonClick() { self.navigationController?.popViewControlle ...
- [iOS基础控件 - 5.1] UIScrollView
A.需要掌握 UIScrollView 是一个能够滚动的视图控件,可以用来展示大量内容,如手机的“设置” 1.常见属性 2.常用代理方法 3.缩放 4.UIScrollView和UIPageContr ...
- [转]IOS 学习笔记(8) 滚动视图(UIScrollView)的使用方法
下面介绍pageControl结合ScrollView实现连续滑动翻页的效果,ScrollView我们在应用开发中经常用到,以g这种翻页效果还是很好看的,如下图所示: 通过这个例子,我们重点学习UIS ...
- swift开发之 -- 自动轮播图(UIScrollView+UIPageControl+Timer)
比较简单,原理就不说了,这里只做记录: 代码如下: 1,准备 var pageControl:UIPageControl? var myscrollView:UIScrollView? var myT ...
随机推荐
- Freemarker商品详情页静态化服务调用处理
--------------------------------------------------------------------------------------------- [版权申明: ...
- SpringMVC+Spring+Mybatis整合,使用druid连接池,声明式事务,maven配置
一直对springmvc和mybatis挺怀念的,最近想自己再搭建下框架,然后写点什么. 暂时没有整合缓存,druid也没有做ip地址的过滤.Spring的AOP简单配置了下,也还没具体弄,不知道能不 ...
- 这是最好的时光,这是最坏的时光 SNAPSHOT
好久没动笔了,上次憋了好几天码出的文字扔出去,石沉大海,没惊起半点涟漪.这次真不知道能憋出个什么鬼,索性就让思绪飞扬,飞到哪是哪! --题记 此处应有BGM: 少年锦时 赵雷 1.以后真没有暑假喽 2 ...
- Android的Spinner控件用法解析
微调框 微调框提供一种方法,让用户可以从值集中快速选择一个值.默认状态下,微调框显示其当前所选的值. 触摸微调框可显示下拉菜单,其中列有所有其他可用值,用户可从中选择一个新值. 您可以使用 Spinn ...
- norflash启动和nandflash启动
S3C2440的启动时读取的第一条指令是在0x00上,分为成nand flash和nor flash上启动. 1)nand flash:适合大容量数据存储,类似硬盘: 2)nor flash:适合小容 ...
- Cocoa层粒子发射器动画添加多个cell的一种重构
在iOS动画之旅第19章中最后的挑战中需要我们在雪花例子发生器中添加多个雪花贴图,也就是多个cell,因为我们不可能将每个cell的参数都重新写一遍,所以有必要写一个helper方法来做这件事: fu ...
- WINDOWS系统注册表取得管理权限研究
有的时候开发我们需要取得系统管理员权限,可以通过修改注册表实现,研究网上的各种方法,整理得一下脚本实现取得管理员权限 脚本如下 Windows Registry Editor Version 5.00 ...
- Java中for_each循环的使用
最近在看一些和安卓相关的书籍,看到了for_each这种循环结构,这是为了简化java的for循环而改造的一种方便使用的格式. 格式如下: for(数据类型 变量:集合) 语句块 接下来看一个例程: ...
- Android View框架总结(七)View事件分发机制
请尊重分享成果,转载请注明出处: http://blog.csdn.net/hejjunlin/article/details/52282833 View布局告一段落,从本篇开始View事件相关分析, ...
- NET中小型企业级项目开发架构系列(一)
前端时间我们开发了基于Net的一套搭建sprint.NET+NHibernate+MVC+WCF+EasyUI等中小型企业级系统开发平台,现在把整个开发过程中的步步进展整理出来和大家分享,这个系列可能 ...