UIScrollView的详细讲解

今天就讲下UIScrollView的一些事情，这个可以拖动的组件无论在应用还是游戏开发都会经常用到，所以我们就一定要更加熟悉它了。下面我们开始下手咯。

（1）初始化

一般的组件初始化都可以alloc和init来初始化，上一段代码初始化。

UIScrollView *sv  = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 0.0, self.view.frame.size.width, 400)];

一般的初始化也都有很多方法，都可以确定组件的Frame，或者一些属性，比如UIButton的初始化可以确定Button的类型。当然，我比较提倡大家用代码来写，这样比较了解整个代码执行的流程，而不是利用IB来弄布局，确实很多人都用IB来布局会省很多时间，但这个因人而异，我比较提倡纯代码写。

 

（2）滚动属性

UIScrollView的最大属性就是可以滚动，那种效果很好看，其实滚动的效果主要的原理是修改他的坐标，准确的讲是修改原点坐标，而UIScrollView跟其他组件的都一样，有自己的delegate，在.h文件中要继承UIScrollView的delegate然后在.m文件的viewDidLoad设置的delegate为self。如下：

sv.pagingEnabled = YES; 
sv.backgroundColor = [UIColor blueColor]; 
sv.showsVerticalScrollIndicator = NO; 
sv.showsHorizontalScrollIndicator = NO;
sv.delegate = self; 
CGSize newSize = CGSizeMake(self.view.frame.size.width * 2,  self.view.frame.size.height); 
[sv setContentSize:newSize];  
[self.view addSubview: sv];

 

在上面的代码中，一定要设置UIScrollView的pagingEnable为YES。不然你就是设置好了其他属性，它还是无法拖动，接下去的分别是设置背景颜色和是否显示水平和竖直拖动条，最后最重要的设置他的ContentSize，ContentSize的意思就是它所有内容的大小，这个和它的Frame是不一样的，只有ContentSize的大小大于ContentSize这样才可以支持拖动。

 

（3）结合UIPageControl做新闻翻页效果

初始化UIPageControl的方法都很简单，就是上面讲的alloc和init，不过大家要记住的一点就是如果你定义了全局变量一定要在delloc那里释放掉。

 

UIPageControl有一个userInteractionEnabled你可以设置它为NO。就是点击的时候它不调用任何方法。然后设置它的currentPage 为0，并把它加到view上去。

 

接下来在UIScrollView的delegate方法：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;  

在这里你可以写上关于UIPageControl的页面设置的算法。如下

int index = fabs(scrollView.contentOffset.x) / scrollView.frame.size.width;
pageControl.currentPage = index;

（4）其他的

UIScrollView还支持处理缩放的动作，比如图片的缩小或者地图。

但是必须实现它的委托viewForZoomingInScrollView:
scrollViewDidEndZooming:withView:atScale:然后它的两个属性maximumZoomScale和minimumZoomScale 要不一样。这样就能基本实现图片的缩放了。

 

好了，今天讲UIScrollView和UIPageControl就到这里咯，希望大家都能理解。欢迎拍砖。

附加一个photo的利用UIScrollView实现的demo给大家：http://files.cnblogs.com/huangdongcheng/PagePhotosDemo.zip

共同的事业，共同的斗争，可以使人们产生忍受一切的力量。 —— 奥斯特洛夫斯基

UIScrollView的属性总结

属性 作用 CGPoint contentOffSet 监控目前滚动的位置 CGSize contentSize 滚动范围的大小 UIEdgeInsets contentInset 视图在scrollView中的位置 id<UIScrollerViewDelegate> delegate 设置协议 BOOL directionalLockEnabled 指定控件是否只能在一个方向上滚动 BOOL bounces 控制控件遇到边框是否反弹 BOOL alwaysBounceVertical 控制垂直方向遇到边框是否反弹 BOOL alwaysBounceHorizontal 控制水平方向遇到边框是否反弹 BOOL pagingEnabled 控制控件是否整页翻动 BOOL scrollEnabled 控制控件是否能滚动 BOOL showsHorizontalScrollIndicator 控制是否显示水平方向的滚动条 BOOL showsVerticalScrollIndicator 控制是否显示垂直方向的滚动条 UIEdgeInsets scrollIndicatorInsets 指定滚动条在scrollerView中的位置 UIScrollViewIndicatorStyle indicatorStyle 设定滚动条的样式 float decelerationRate 改变scrollerView的减速点位置 BOOL tracking 监控当前目标是否正在被跟踪 BOOL dragging 监控当前目标是否正在被拖拽 BOOL decelerating 监控当前目标是否正在减速 BOOL delaysContentTouches 控制视图是否延时调用开始滚动的方法 BOOL canCancelContentTouches 控制控件是否接触取消touch的事件 float minimumZoomScale 缩小的最小比例 float maximumZoomScale 放大的最大比例 float zoomScale 设置变化比例 BOOL bouncesZoom 控制缩放的时候是否会反弹 BOOL zooming 判断控件的大小是否正在改变 BOOL zoomBouncing 判断是否正在进行缩放反弹 BOOL scrollsToTop 控制控件滚动到顶部

这里把UIScrollView的几个要点总结下：

从你的手指touch屏幕开始，scrollView开始一个timer，如果：

1.  150ms内如果你的手指没有任何动作，消息就会传给subView。

2.  150ms内手指有明显的滑动（一个swipe动作），scrollView就会滚动，消息不会传给subView，这里就是产生问题二的原因。

3. 150ms内手指没有滑动，scrollView将消息传给subView，但是之后手指开始滑动，scrollView传送touchesCancelled消息给subView，然后开始滚动。

观察下tableView的情况，你先按住一个cell，cell开始高亮，手不要放开，开始滑动，tableView开始滚动，高亮取消。

 

delaysContentTouches的作用：

这个标志默认是YES，使用上面的150ms的timer，如果设置为NO，touch事件立即传递给subView，不会有150ms的等待。

 

cancelsTouches的作用：

这个标准默认为YES，如果设置为NO，这消息一旦传递给subView，这scroll事件不会再发生。