UIScrollView

一、滑动试图(UIScrollView)

1、基本概念

 1) 移动设备的屏幕大小是极其有限的，因此直接展示在用户眼前的内容也相当有限,当展示的内容较多，超出一个屏幕时，用户可通过滚动手势来查看屏幕以外的内容

 2) 通过scrollView可以通过手势，放大或者缩小显示的内容

2、UIScrollView常用属性

 1）里面内容的大小，也就是可以滚动的大小，模式是0，没有滚动效果

   contentSize

 2）这个属性能够在UIScrollView的4周增加额外的滚动区域

   contentInset

 3) 这个属性用来表示UIScrollView滚动的位置

   contentOffset

 4) 默认是 yes，就是滚动超过边界会反弹有反弹回来的效果。假如是 NO，那么滚动到达边界会立刻停止

   bounces

 5) 是否分页

   pagingEnabled

 6) 是否可以滚动

   scrollEnabled  

 7) 滚动时是否显示水平滚动条

   showsHorizontalScrollIndicator
  
 8) 滚动时是否显示垂直滚动条 

   showsVerticalScrollIndicator

 9) 滚动条的样式，基本只是设置颜色。总共3个颜色：默认、黑、白

    indicatorStyle


 

 10) 默认是 NO，可以在垂直和水平方向同时运动。当值是 YES 时，假如一开始是垂直或者是水平运动，那么接下来会锁定另外一个方向的滚动。 假如一开始是对角方向滚动，则不会禁止某个方向

   directionalLockEnabled

 10) 让指定的区域显示显示出来

    scrollRectToVisible：animate

 10）当touch后还没有拖动的时候值是YES，否则是NO

   tracking

 11) 当内容放大到最大或者最小的时候是YES，否则NO

   zoomBouncing

 12) 当正在缩放的时候值是YES，否则为NO

    zooming

 13) 当滚动后，手指放开但是还在继续滚动中。这个时候是 YES，其它时候是 NO

    decelerating

 14) 设置手指放开后的减速率

    decelerationRate

 15) 一个浮点数，表示能放最大的倍数

    maximumZoomScale

 16) 一个浮点数，表示能缩最小的倍数

    minimumZoomScale

 17) 和 bounces 类似,区别在于：这个效果反映在缩放上面，假如缩放超过最大缩放，那么会反弹效果；假如是 NO，则到达最大或者最小的时候立即停止

    bouncesZoom

3、UIScrollView代理方法

 创建一个UIScrollView，并在里面放置一张图片

 1）scrollView已经滑动
  
   - (void)scrollViewDidScroll:(UIScrollView *)scrollView;

 2）视图已经放大或缩小

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

 3）scrollView开始拖动

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

 4）scrollView结束拖动

   - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

 5）scrollView开始减速（以下两个方法注意与以上两个方法加以区别）

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

 6）scrollview减速停止

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

    用法：


     if (！[scrollView isMemberOfClass:[UITableView class]]) {
 
       int current = scrollView.contentOffset.x / 320;
       UIPageControl *pageControl = (UIPageControl *)[self.view viewWithTag:101];
       pageControl.currentPage = current;
     }


 7）返回一个放大或者缩小的视图

   - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

 8）开始放大或者缩小

   - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

 9）缩放结束时

   - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale;

 10）是否支持滑动至顶部

   - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;

 11）滑动到顶部时调用该方法

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

一、利用scrollView实现图片的放大缩小

1、设置最大最小缩放倍率

  self.maximumZoomScale = 2.5;
  self.minimumZoomScale = 1;

2、指定缩放谁

 - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView

3、双击事件的放大与缩小

 - (void)zoomInOrOut:(UITapGestureRecognizer *)tapGesture
 {

   if (self.zoomScale >= 2.5) {
    [self setZoomScale:1 animated:YES];
   }else {
    CGPoint point = [tapGesture locationInView:self];
    [self zoomToRect:CGRectMake(point.x - 40, point.y - 40, 80, 80) animated:YES];
   }
 }

二、实现类似相册的功能

 1、创建一个scrollView，进行配置

 2、在scrollView里面放多张能够显示得图片

 3、每次翻到下一张图片时要让这上个图片恢复到原比例

   int pre = 0;

   - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
   {
     int current = scrollView.contentOffset.x / 340;

     ImageScrollView *imgScrollView = (ImageScrollView *)[scrollView viewWithTag:pre];
     if (imgScrollView.zoomScale > 1) {
     imgScrollView.zoomScale = 1;
     }

    pre = current;
   }