iOS学习笔记12 scrollView部分代理及控件缩放简介

第一部分 scrollView部分代理

scrollView在平常的开发中也是经常用到，本篇主要讲述的是它的部分代理以及控件缩放效果的实现。

scrollview的代理主要有以下几个

@protocol UIScrollViewDelegate
@optional

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;                                               // any offset changes
- (void)scrollViewDidZoom:(UIScrollView *)scrollView NS_AVAILABLE_IOS(3_2); // any zoom scale changes
// called on start of dragging (may require some time and or distance to move)
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
// called on finger up if the user dragged. velocity is in points/millisecond. targetContentOffset may be changed to adjust where the scroll view comes to rest
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset NS_AVAILABLE_IOS(5_0);
// called on finger up if the user dragged. decelerate is true if it will continue moving afterwards
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;   // called on finger up as we are moving
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;      // called when scroll view grinds to a halt
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; // called when setContentOffset/scrollRectVisible:animated: finishes. not called if not animating
- (nullable UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;     // return a view that will be scaled. if delegate returns nil, nothing happens
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view NS_AVAILABLE_IOS(3_2); // called before the scroll view begins zooming its content
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale; // scale between minimum and maximum. called after any 'bounce' animations
- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   // return a yes if you want to scroll to the top. if not defined, assumes YES
- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;      // called when scrolling animation finished. may be called immediately if already at top

@end

但是说实话，看着一大堆的代码，心情应该就不会太舒坦，是我我也不想看，那我在这里就列举几个平时常用的方法。

• one
  只要scrollview开始被拖动，立马会执行这个方法，这个常用于监听scrollview的运动

/**
 * 拖拽的时候调用
 */
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    NSLog(@"scrollview正在被拖拽，这句话应该满屏出现呢");
}

• two

/**
 * 即将开始拖拽的时候调用
 */
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    NSLog(@"scrollView就要被拖拽了啊，你瞅着点啊");
}

• three

/**
 * 结束拖拽的时候调用
 */
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    NSLog(@"都结束拖拽了，你歇会");
}

• four

/**
 * 停止滚动的时候调用
 */
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    NSLog(@"停止滚动了啊");
}

以上四个代理方法是在监听scrollview运动时常用到的方法。其实作为新手的我们，在设置代理了之后呢，可以将以上的一些不懂的方法一个一个的拿出来试试看，或者是按住option，点击方法名，弹出来的一些英文解释，大家可以拿进翻译器里翻译一下，这样就能明白方法是干什么用的，里面的参数是什么。

第二部分 控件缩放

顺带呢，我把那个在scrollview上的控件缩放demo也添加进来。把以上的代理方法也添加进这个demo，大家可以很明显的看出来什么时候方法会被调用。当然，在scrollview拖拽的时候，-(void)scrollViewDidScroll:(UIScrollView *)scrollView方法被调用的太频繁了。所以打印的内容可以忽略。
下面我们进入控件缩放内容简单的写一下。
效果大致是下面图片显示的那样子。

• 正常界面

  
  
  正常界面

• 放大界面

  
  
  

  放大界面

• 缩小界面

  
  
  

  缩小界面

实现过程比较简单：
-- 第一步 设置控件，位置等基本属性

@interface ViewController ()
@property (strong, nonatomic) IBOutlet UIScrollView *scrollView;//scrollView控件
@property (strong, nonatomic) UIImageView *imageView;//图片控件
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //scrollview控件是用storyboard拖进来的，imageView是代码添加
    self.imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"ace"]];
    [self.scrollView addSubview:self.imageView];
    self.scrollView.backgroundColor = [UIColor lightGrayColor];
    self.scrollView.contentSize = self.imageView.image.size;
}

-- 第二步 遵守协议，设置代理

@interface ViewController ()

//设置代理
self.scrollView.delegate = self;

--第三步 设置缩放的内容

/**
 这个方法的返回值决定了要缩放的内容(返回值只能是UIScrollview的子控件)
 */
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.imageView;
}

tips：注意这里，上面的这个方法返回值是UIVIew，也就说可以返返回几乎所有控件，你可以返回button，也可以返回其他的控件，在这里，因为我缩放的是图片，所以返回的是imageView

以上方法设置好了，说明imageVIew是已经可以缩放的，但是运行起来是没有效果的，还缺了最重要的一个步骤。那就是设置缩放的比例。

• The most important step！！设置缩放的比例。
• The most important step！！设置缩放的比例。
• The most important step！！设置缩放的比例。
  重要的话说三遍。
  设置的方法很简单，就是设置能放大多少倍，和缩小多少倍。

//设置缩放比例
    self.scrollView.maximumZoomScale = 2.0;
    self.scrollView.minimumZoomScale = 0.2;

这样整个小demo算是圆满结束。顺便可以将最上面写的一些代理方法加进去，这样运行起来不仅可以放大缩小，也可以试试看代理方法都有什么作用。
这里把链接奉上。scrollViewDelegate-2有什么问题大家请留言跟我交流，互相学习。