【原文地址:http://my.oschina.net/aofe/blog/266265】
目录[-]
UIScrollView
移动设备的屏幕大小是极其有限的, 因此直接展示在用户眼前的内容也相当有限. 当展示的内容较多, 超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容.
普通的UIView不具备滚动功能, 不能显示过多的内容. UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容, 并且可以通过滚动查看所有的内容.
UIScrollView的用法
1> 将需要展示的内容添加到UIScrollView中;
2>设置UIScrollView的contentSize属性, 告诉UIScrollView所有内容的尺寸,也就是告诉它滚动的范围.
UIScrollView无法滚动的解决办法
如果UIScrollView无法滚动, 可能是以下原因:
1> 没有设置contentSize ;
2> scrollEnabled = NO ;
3> 没有接收到触摸事件: userInteractionEnabled = NO ;
4> 没有取消autolaout功能(要想scrollView滚动 ,必须取消autolayout) .
UIScrollView的代理(delegate)
很多时候, 我们想在UIScrollView正在滚动或滚动到某个位置或者停止滚动时做一些特性的操作,要想完成这些功能,前提条件就是能够监听到UIScrollView的整个滚动过程.
当UIScrollView发生一系列的滚动操作时,会自动通知它的代理(delegate)对象, 给它的代理发送相应的消息,让代理得知它的滚动情况.
也就是说, 要想监听UIScrollView的滚动过程, 就必须先给UIScrollView设置一个代理对象, 然后通过代理得知UIScrollView的滚动过程 .
在OC中,发送消息的意思就是调用方法.
要想成为UIScrollView的delegate, 就必须实现对应的方法才能监听UIScrollView的滚动过程.
成为delegate的条件
UIScrollView将delegate需要实现的方法都定义在了UIScrollViewDelegate协议中, 因此要想成为UIScrollView的delegate, 必须遵守UIScrollViewDelegate协议 ,然后实现协议中相应的方法, 就可以监听UIScrollView的滚动过程了.
UIScrollView和控制器
一般情况下, 就设置UIScrollView所在的控制器为UIScrollView的delegate : self.scrollView.delegate = self ;然后,控制器应该遵守UIScrollViewDelegate协议.最后,实现协议中定义的相关方法.
UIScrollView的常见属性
1
|
@property(nonatomic) CGPoint contentOffset;
|
这个属性用来表示UIScrollView滚动的位置 ;
1
|
@property(nonatomic) CGSize contentSize
|
这个属性用来表示UIScrollView内容的尺寸, 滚动范围.
1
|
@property(nonatomic) UIEdgeInsets contentInset;
|
这个属性能够在UIScrollView的四周增加额外的滚动区域;
1
|
@property(nonatomic)
BOOL
bounces;
|
设置UIScrollView是否需要弹簧效果;
1
|
@property(nonatomic,getter=isScrollEnabled)
BOOL
scrollEnabled;
|
设置UIScrollView是否能滚动;
1
|
@property(nonatomic)
BOOL
showsHorizontalScrollIndicator;
|
是否显示水平滚动条;
1
|
@property(nonatomic)
BOOL
showsVerticalScrollIndicator;
|
是否显示垂直滚动条;
内容缩放
UIScrollView不仅能滚动显示大量内容, 还能对其内容进行缩放处理. 也就是说,要完成缩放功能的话,只需要将需要缩放的内容放到UIScrollView中.
UIScrollView缩放原理
当用户在UIScrollView身上使用捏合手势时,UIScrollView会给代理发送一条消息,询问代理究竟要缩放自己内部的哪一个子控件(哪一块内容).
1
|
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
|
当用户在UIScrollView身上使用捏合手势时,UIScrollView会调用代理的上述方法,这个方法返回的控件就是需要进行缩放的控件.
缩放实现步骤
1> 设置UIScrollView的 id<UIScrollViewDelegate> delegate代理对象.
2> 设置minimumZoomScale :缩小的最小比例
3> 设置maxmumZoomScale :放大的最大比例
4> 让代理对象实现下面的方法, 返回需要缩放的视图控件
1
|
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
|
跟缩放相关的其他代理方法
1> 缩放完毕的时候调用
1
|
-(
void
)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
|
2> 正在缩放的时候调用
1
|
-(
void
)scrollViewDidZoom:(UIScrollView *)scrollView
|
分页
只要将UIScrollView的pageEnabled属性设置为YES, UIScrollView会被分割成多个独立页面, 里面的内容就能进行分页展示.一般会配合UIPageControl增强分页效果,UIPageControl常用属性如下:
1
2
3
4
5
|
@property(nonatomic) NSInteger numberOfPages;
// 一共有多少页
@property(nonatomic) NSInteger currentPage;
// 当前显示的页码
@property(nonatomic)
BOOL
hidesForSinglePage;
// 只有一页时,是否需要隐藏页码指示器
@property(nonatomic,retain) UIColor *pageIndicatorTintColor;
//其他页码指示器的颜色
@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;
//当前页码指示器的颜色
|
定时器NSTimer
1> 在指定的时间执行指定的任务;
2> 每隔一段时间执行指定的任务.
调用下面的方法就会开启一个定时任务
1
2
3
4
|
+ (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)ti target:(id)aTarget
selector:(SEL)aSelector
userInfo:(id)userInfo
repeats:(
BOOL
)yesOrNo;
|
每隔ti秒, 调用一次aSelector方法, yesOrNo决定了是否重复执行这个任务.
通过invalidate方法可以停止定时器的工作, 一旦定时器被停止了 ,就不能再次执行任务. 只能再创建一个新的定时器才能执行新的任务.
1
|
-(
void
)invalidate;
|
UIScrollView的常用方法汇总
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
/**
* 这个属性用来表示UIScrollView滚动的位置
*/
@property(nonatomic) CGPoint contentOffset;
/**
* 这个属性用来表示UIScrollView内容的尺寸,滚动范围(能滚多远)
*/
@property(nonatomic) CGSize contentSize;
/**
* 这个属性能够在UIScrollView的4周增加额外的滚动区域
*/
@property(nonatomic) UIEdgeInsets contentInset;
/**
* 总体内容的范围(滚动范围)
*/
self.scrollView.contentSize = self.minionView.frame.size;
/**
* 增加额外的滚动区域(顶部增加64,底部增加44的区域)
*/
self.scrollView.contentInset = UIEdgeInsetsMake(64,0,44,0);
/**
* 设置一开始的滚动位置(往下滚动64)
*/
self.scrollView.contentOffset = CGPointMake(0,-64);
/**
* 设置内容尺寸
*/
self.scrollView.contentSize = self.minionView.frame.size;
/**
* 设置代理
*/
self.scrollView.delegate = self;
/**
* 设置最大/最小的缩放比例
*/
self.scrollView.maximumZoomScale = 2.0;
self.scrollView.minimumZoomScale = 0.2;
/**
* 当用户开始拖拽scrollView时就会调用
*/
- (
void
)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
NSLog(@
"开始拖拽-----"
);
}
/**
* 只要scrollView正在滚动,就会调用
*/
- (
void
)scrollViewDidScroll:(UIScrollView *)scrollView
{
NSLog(@
"----正在滚动--%@"
, NSStringFromCGPoint(scrollView.contentOffset));
}
/**
* 当用户使用捏合手势时会调用此方法,没有实现此方法时,scrollView不会被缩放
*
* @param scrollView 被缩放的图片
*
* @return 返回的控件就是需要进行缩放的控件
*/
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
NSLog(@
"----开始缩放"
);
return
self.minionView;
}
/**
* 正在缩放的时候会调用
*/
- (
void
)scrollViewDidZoom:(UIScrollView *)scrollView
{
NSLog(@
"----正在缩放"
);
}
|