转改：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 要不一样。这样就能基本实现图片的缩放了。

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

Ryan Law

 

UIScrollView的一些特点

是个麻烦的控件，这里先问几个问题：

1.  如果我触摸一下屏幕，哪个view会最先收到触摸消息呢(touchesBegan)？

答案是，如果所有view都是UIView的话，那么最外层的子view会先收到该消息。这个机制就是通过 UIView中的hitTest:withEvent:  实现的。这个函数的逻辑是这样的(官方文档)：

This method traverses the view hierarchy by sending the pointInside:withEvent: message to each subview to determine which subview should receive a touch event. If pointInside:withEvent: returns YES, then the subview’s hierarchy is traversed; otherwise, its branch of the view hierarchy is ignored. You rarely need to call this method yourself, but you might override it to hide touch events from subviews.

也就是说底层的父view的hitTest函数先被调用，在这里遍历调用subView的hitTest，直到找到最外层的subView，然后返回该view，系统再把touch事件传给这个view。

 

2. tableView的cell我点击一下，打开一个新页面，但如果飞快的swipe一下，tableView会是上下滚动，而cell即不会highlight，也不会打开新页面，这是如何实现的呢？

tableView继承自UIScrollView，这个功能实际上是UIScrollView来实现的。它是如何做的呢？根据问题一，UIView的默认行为是将touch事件传递给最外层的subView。实际上UIScrollView重载了hitTest:withEvent:，他永远只返回自己。

 

这里把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事件不会再发生。

 

 

 

在使用UIScrollView和它的子类UITableView时，有时需要在不同操作状态下，做不同的响应。

如何截获这些状态，如正在滚动，滚动停止等，使用UIScrollViewDelegate_Protocol。

 

@interface SampleClass: UITableViewController<UIScrollViewDelegate> {

...

}

...

@end

 

@implement SampleClass

...

#pragma mark -
#pragma mark UIScrollViewDelegate

// 触摸屏幕来滚动画面还是其他的方法使得画面滚动，皆触发该函数
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    NSLog(@"Scrolling...");
}

// 触摸屏幕并拖拽画面，再松开，最后停止时，触发该函数
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
    NSLog(@"scrollViewDidEndDragging  -  End of Scrolling.");
}

// 滚动停止时，触发该函数

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    NSLog(@"scrollViewDidEndDecelerating  -   End of Scrolling.");
}

 

// 调用以下函数，来自动滚动到想要的位置，此过程中设置有动画效果，停止时，触发该函数

// UIScrollView的setContentOffset:animated: 

// UIScrollView的scrollRectToVisible:animated:

// UITableView的scrollToRowAtIndexPath:atScrollPosition:animated:

// UITableView的selectRowAtIndexPath:animated:scrollPosition:

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {
    NSLog(@"scrollViewDidEndScrollingAnimation  -   End of Scrolling.");
}

@end