IOS中的UIScrollView
要引用UIScrollView 首先要遵循UIScrollViewDelegate协议
然后重写
//1.拖拽方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView;
//2.即将开始拖拽的方法
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
//3.拖拽完毕的方法
-(void)scrollViewDidEndDragging:(UIScrolView *) scrollView willDecelerate:(BOOL)decelerate
下面是一个带轮询展示界面的小案例
#import "ViewController.h" @interface ViewController () <UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl; // 创建一个用来引用计时器对象的属性
@property (nonatomic, strong) NSTimer *timer; @end @implementation ViewController // 实现UIScrollView的滚动方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{ // 如何计算当前滚动到了第几页?
// 1. 获取滚动的x方向的偏移值
CGFloat offsetX = scrollView.contentOffset.x;
// 用已经偏移了得值, 加上半页的宽度
offsetX = offsetX + (scrollView.frame.size.width * 0.5); // 2. 用x方向的偏移的值除以一张图片的宽度(每一页的宽度),取商就是当前滚动到了第几页(索引)
int page = offsetX / scrollView.frame.size.width; // 3. 将页码设置给UIPageControl
self.pageControl.currentPage = page; //NSLog(@"滚了,要在这里根据当前的滚动来计算当前是第几页。");
} // 实现即将开始拖拽的方法
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
// 停止计时器
// 调用invalidate一旦停止计时器, 那么这个计时器就不可再重用了。下次必须重新创建一个新的计时器对象。
[self.timer invalidate]; // 因为当调用完毕invalidate方法以后, 这个计时器对象就已经废了,无法重用了。所以可以直接将self.timer设置为nil
self.timer = nil;
} // 实现拖拽完毕的方法
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{ // 重新启动一个计时器
self.timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(scrollImage) userInfo:nil repeats:YES]; // 再次修改一下新创建的timer的优先级
// 修改self.timer的优先级与控件一样
// 获取当前的消息循环对象
NSRunLoop *runLoop = [NSRunLoop currentRunLoop];
// 改变self.timer对象的优先级
[runLoop addTimer:self.timer forMode:NSRunLoopCommonModes];
} - (void)viewDidLoad {
[super viewDidLoad];
// 动态创建UIImageView添加到UIScrollView中 CGFloat imgW = ;
CGFloat imgH = ;
CGFloat imgY = ; // 1. 循环创建5个UIImageView添加到ScrollView中
for (int i = ; i < ; i++) {
// 创建一个UIImageView
UIImageView *imgView = [[UIImageView alloc] init]; // 设置UIImageView中的图片
NSString *imgName = [NSString stringWithFormat:@"img_%02d", i + ];
imgView.image = [UIImage imageNamed:imgName]; // 计算每个UIImageView在UIScrollView中的x坐标值
CGFloat imgX = i * imgW;
// 设置imgView的frame
imgView.frame = CGRectMake(imgX, imgY, imgW, imgH); // 把imgView添加到UIScrollView中
[self.scrollView addSubview:imgView];
} // 设置UIScrollView的contentSize(内容的实际大小)
CGFloat maxW = self.scrollView.frame.size.width * ;
self.scrollView.contentSize = CGSizeMake(maxW, ); // 实现UIScrollView的分页效果
// 当设置允许分页以后, UIScrollView会按照自身的宽度作为一页来进行分页。
self.scrollView.pagingEnabled = YES; // 隐藏水平滚动指示器
self.scrollView.showsHorizontalScrollIndicator = NO; // 指定UIPageControl的总页数
self.pageControl.numberOfPages = ; // 指定默认是第0页
self.pageControl.currentPage = ; // 创建一个"计时器"控件NSTimer控件
// 通过scheduledTimerWithInterval这个方法创建的计时器控件, 创建好以后自动启动
self.timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(scrollImage) userInfo:nil repeats:YES]; // 修改self.timer的优先级与控件一样
// 获取当前的消息循环对象
NSRunLoop *runLoop = [NSRunLoop currentRunLoop];
// 改变self.timer对象的优先级
[runLoop addTimer:self.timer forMode:NSRunLoopCommonModes]; // [self.scrollView bringSubviewToFront:self.pageControl]; } // 自动滚动图片的方法
// 因为在创建计时器的时候, 指定了时间间隔是1.0秒,所以下面这个方法每隔一秒钟执行一次
- (void)scrollImage
{
// 每次执行这个方法的时候, 都要让图片滚动到下一页
// 如何让UIScrollView滚动到下一页?
// 1. 获取当前的UIPageControl的页码
NSInteger page = self.pageControl.currentPage; // 2. 判断页码是否到了最后一页, 如果到了最后一页, 那么设置页码为0(回到第一页)。如果没有到达最后一页, 则让页码+1
if (page == self.pageControl.numberOfPages - ) {
// 表示已经到达最后一页了
page = ; // 回到第一页
} else {
page++;
}
// 3. 用每页的宽度 * (页码 + 1) == 计算除了下一页的contentOffset.x
CGFloat offsetX = page * self.scrollView.frame.size.width; // 4. 设置UIScrollView的contentOffset等于新的偏移的值
[self.scrollView setContentOffset:CGPointMake(offsetX, ) animated:YES]; // 如果图片现在已经滚动到最后一页了, 那么就滚动到第一页 } - (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
} @end
IOS中的UIScrollView的更多相关文章
- IOS中UIScrollView的contentSize、contentOffset和contentInset属性
IOS中,UIScrollView是可以滚动的视图,其中最常用的UITableView就是继承了UIScrollView. 跟所有的view一样,UIScrollView有一个frame属 性,同时, ...
- IOS中UIScrollView的详细使用
UIScrollView 是可以滚动的View 要想让UIScrollView可以滚动,必须设置UIScrollView的contentSize contentSize : 表示UIScrollVie ...
- iOS开发——高级篇——iOS中常见的设计模式(MVC/单例/委托/观察者)
关于设计模式这个问题,在网上也找过一些资料,下面是我自己总结的,分享给大家 如果你刚接触设计模式,我们有好消息告诉你!首先,多亏了Cocoa的构建方式,你已经使用了许多的设计模式以及被鼓励的最佳实践. ...
- iOS开发之 UIScrollView的frame、contentSize、contentOffset和contentInset属性
ios中下拉图片变大效果 http://blog.csdn.net/mad2man/article/details/14169197 IOS中UIScrollView的frame.contentSiz ...
- ios 中的小技巧 - 总有你想要的 一
UITableView的Group样式下顶部空白处理 在viewWillAppear里面添加如下代码: //分组列表头部空白处理 CGRect frame = myTableView.tableHea ...
- 在iOS中获取UIView的所有层级结构 相关
在iOS中获取UIView的所有层级结构 应用场景 在实际 iOS 开发中,很多时候都需要知道某个 UI 控件中包含哪些子控件,并且分清楚它们的层级结构和自个的 frame 以及 bounds ,以便 ...
- iOS开发基础-UIScrollView实现图片缩放
当用户在 UIScrollView 上使用捏合手势时, UIScrollView 会给 UIScrollViewDelegate 协议发送一条消息,并调用代理的 viewForZoomingInScr ...
- IOS中手势UIGestureRecognizer
通常在对视图进行缩放移动等操作的时候我们可以用UIScrollView,因为它里边自带了这些功能,我们要做的就是告诉UIScrollView的几个相关参数就可以了 但是没有实现旋转的手势即UIRota ...
- iOS中常见的设计模式(MVC/单例/委托/观察者)
关于设计模式这个问题,在网上也找过一些资料,下面是我自己总结的,分享给大家 如果你刚接触设计模式,我们有好消息告诉你!首先,多亏了Cocoa的构建方式,你已经使用了许多的设计模式以及被鼓励的最佳实践. ...
随机推荐
- Repaints and Reflows 重绘和重排版
当浏览器下载完所有页面HTML标记,JavaScript,CSS,图片之后,它解析文件并创建两个内部数据 一棵DOM树 表示页面结构 Normal 0 7.8 磅 0 2 false false fa ...
- HTML中的table布局
<table width="100" height="50" border="1" bgcolor="blue"& ...
- 隐式的处理SOAPHeader消息
先用一下比较基础的隐式方式处理我的SOAPHeader消息,注意的是QName的使用,代码如下: public static void main(String[] args) { try { //创建 ...
- 老李推荐: 第3章2节《MonkeyRunner源码剖析》脚本编写示例: MonkeyDevice API使用示例 4
第七步:保存新增加日记 代码3-2-7 增加日记-保存日记 #Step7: Save the note by touch on the "save" menu entry by c ...
- 大数据测试之Hadoop的基本概念
poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标,也是国内最早探索大数据测试培训的机构,开发了独有的课程体系.如果对课程感兴趣,请大 ...
- [转]centos7环境安装rabbitMQ
使用专业的消息队列产品rabbitmq之centos7环境安装 http://www.cnblogs.com/huangxincheng/p/6006569.html CentOS7上安装Rabbit ...
- IONIC2新建项目并添加导航
一. 基础搭建 1. 新建IONIC2项目 ionic start myApp tabs --v2 不加--v2会新建ionic1的项目 2. 运行项目 cd myApp io ...
- css定位流布局
上面我们一起研究了浮动布局的特点和如何清除浮动给布局带来的不良影响,今天我们继续来研究定位流布局的特点和一些常用的布局技巧. 定位流主要有三种,一是相对定位,二是绝对定位,三是固定定位:下面我们一一进 ...
- JVM初探之类文件结构
java 的 .class 文件字节码如图:Class 文件是一组以8字节为基础单位的二进制流,各个数据项目有着严格的结构.下面我们介绍下class文件的结构. 魔数 class文件的头4个字节是魔数 ...
- [Python Web]配置 nginx 遇到错误排查(初级)
配置 nginx 遇到错误排查(初级) 系统版本:ubuntu 14.04,nginx 版本:nginx/1.4.6 (Ubuntu) 本文不是一步步搭建 nginx 的过程,而是我在使用 nginx ...