继承自UIView,自带2个子控件:横、纵滚动条(不要通过索引来范围子控件!如果非要如此,可以先隐藏滚动条)但是另外:通过代码创建,一开始这两个子控件为nil。
用法:
将需要展示的内容(子控件)添加到其中即可。调用addSubviews
方法添加。
属性:
- 可视范围:即scrollview自身的长,宽。滚动时,动的是内容,而非scrollview
-
scrollEnabled
:滚动使能 -
contentSize
:滚动范围(宽,高),必须设置,且设定值要大于可视范围,才能滚动。contentSize = CGSizeMake(w,h);
-
showHorizionIndicator、showVerticalIndicator
:是否有滚动条(水平、垂直) -
bounces:YES/NO;
:弹性效果 -
alwaysBouncesVertical ;
:永远支持弹性效果 alwaysBounceHorizonal:YES/NO
-
alwaysBounceVertical:YES、NO,
下拉弹性效果,常用于初始刷新 -
contentOffset:=CGPointMake(x,y);
内容偏移量。控制内容的显示位置。x,y为左上角坐标。这个属性非常重要,许多滚动功能效果的实现,其实就是改变或调整这个偏移量。往往结合以下方法实现翻页
[self.myScrollView setContentOffset:CGPointMake(page * self.myScrollView.frame.size.width, 0) animated:YES];
-
contentInset
:内边距,包括上左下右。作用,当滚到尽头时,还可以再有一段额外花边,如下
self.ScrollView.contentInset = UIEdgeInsetsMake(0, 120, 0, 120);
- 动画方法:
setContentOffset:。。。 animated:YES];
注意:设置VC.automaticallyAdjustsScrollViewInsets = NO; bug修复
代理:
代理也是一个属性。用于监听srcollview的整个滚动过程(正在滚动,滚动到某位置,停止滚动)。要想监听scrollview的滚动,必须给它设一个代理对象,给代理发送相应的消息,让代理得知它的滚动过程
- 前提:必须遵守协议(在.m的interface中加UIscrollViewDelegate
遵守了协议就可以使用代理方法(可选); - 设置代理对象,
scrollview.dalegate = XX;
任何oc类型的对象都可以成为代理;只要它声明代理方法;一般是控制器。
注意:必须把srcollview添加到控制器后,才开始将控制器设置为它的代理对象,否则将无法自动调用代理方法,因为这种情况下scrollview还是nil的。
- 代理方法
1.scrollviewDidScroll:只要在拖拽,就自动执行
2.willbeginDragging:即将拖拽时。。。
3.willendDragging:即将停止拖拽
4.DidendDragging:已经停止拖拽
5.Diddecelerating:减速完毕(停止滚动)。特殊:如果没有减速就停止了···
PS :代理属性都是weak的(防止循环引用)
功能
-
内容缩放
UISrcollview的另一个功能。需要通过代理方法viewForZoomingIn 返回scrollview的子控件,告诉srcollview缩放哪个子控件
补充:代理方法viewDidZooming………//监听缩放过程
分页功能
例子演示:
-添加srcollview
-添加一个imageview,尺寸设置---再添加imageview,依次相接(for循环来做)
for(int i = 0;i<5;i++){
UIImageView *imgView = [[UIImageView alloc] init];
imgView.frame = CGRectMake((i * 300),0, 300, 200);
NSString *img = [NSString stringWithFormat:@"cloth%d",i+1];
imgView.image = [UIImage imageNamed:img];
imgView.backgroundColor = [UIColor grayColor];
imgView.contentMode = UIViewContentModeScaleAspectFit;
[self.myScrollview addSubview:imgView];
}
PS:优化方法,当图片比较多时,只需3个imageview,循环装载图片。
-设scrollview的contentSize
-开启分页功能:设scrollview的pagingEanble = YES;即可
PS:scrollview以其可视范围尺寸作为一页。
-显示页码:使用控件UIPageControl
设置页数,前景背景色,位置,显示最上层)
UIPageControl 的属性:
- numberOfPages:页数(等于图片数)
- currentPage //当前页码
- hidden = YES //隐藏页码
- hidesForSinglePage = YES //单页时隐藏页码
- 设置pageControl的图片
实现分页功能的思路:
监听scrollview停止滚动时,实现页码切换
- 页码的计算,偏移量(Offset)的x除以scrollview的宽度。
-
方法一:
-
方法二:
定时器:每隔一定时间滚动
NSTimer类,提供一个定时器,做法:
需要完善——当用户滚动时,定时器重置,防止冲突
PS:可以将定时器部分的代码分别出来
改进:加入多线程