IOS UIScrollView详解 & 图片缩放功能-白红宇

IOS UIScrollView详解 & 图片缩放功能

阅读量：6002 次

发布时间：2019-06-20

本文共 4644 字，大约阅读时间需要 15 分钟。

一 UIScrollView 简介

UIScrollView是能滚动的视图控件，可以通过滚动的方式来展示类容。

二 UIScrollView常见属性

//设置UIScrollView滚动的位置@property(nonatomic) CGPoint contentOffset; //设置UIScrollView内容的尺寸，滚动范围@property(nonatomic) CGSize contentSize; //设置UIScrollView的4周增加额外的滚动区域@property(nonatomic) UIEdgeInsets contentInset; //设置UIScrollView是否需要弹簧效果@property(nonatomic) BOOL bounces;//设置UIScrollView是否能滚动@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; //设置UIScrollView是否显示水平滚动条@property(nonatomic) BOOL showsHorizontalScrollIndicator;//设置UIScrollView是否显示垂直滚动条@property(nonatomic) BOOL showsVerticalScrollIndicator;

三 UIScrollView 代理（delegate）

UIScrollView在滚动过程中或者停止滚动时，如果需要做一些特定的操作，可用通过设置代理的方式（delegate）来监听UIScrollView的整个滚动过程，当UIScrollView发生一系列的滚动操作时，会自动通知它的代理（delegate）对象，然后通过代理来监听UIScrollView的滚动过程。

UIScrollView将delegate需要实现的方法都定义在UIScrollViewDelegate协议中，因此UIScrollView的delegate必须遵守UIScrollViewDelegate协议，然后实现协议中相应的方法，就可以监听UIScrollView的滚动过程

// 用户开始拖拽时调用- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;// 滚动到某个位置时调用- (void)scrollViewDidScroll:(UIScrollView *)scrollView;// 用户结束拖拽时调用- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

四内容缩放

UIScrollView不仅能滚动显示大量内容，还能对其内容进行缩放处理

当在UIScrollView身上使用捏合手势时，UIScrollView会调用代理（delegate）的viewForZoomingInScrollView方法，这个方法返回的控件就是需要进行缩放的控件，缩放涉及的属性和方法

/****属性****///缩小的对小比例@property(nonatomic) CGFloat minimumZoomScale;//放大的最大比例@property(nonatomic) CGFloat maximumZoomScale;    /****方法****///缩放时调用- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;//开始缩放的时候调用 - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view//正在缩放的时候调用- (void)scrollViewDidZoom:(UIScrollView *)scrollView

五 UIScrollView无法滚动的解决办法

如果UIScrollView无法滚动，可能是以下原因：

5.1 没有设置contentSize属性

5.2 设置属性scrollEnabled = NO

5.3 没有接收到触摸事件（userInteractionEnabled = NO）

5.4 取消autolayout功能,要想scrollView滚动，必须取消autolayout

六代码区

6.1 代码

#import "ViewController.h"@interface ViewController ()
    
     /** *UIScrollView */@property(nonatomic,strong)UIScrollView *scrollView;/** *  UIImageView */@property(nonatomic,strong)UIImageView *imageView;@end@implementation ViewController- (void)viewDidLoad {        //2.设置 UIImageView    UIImage *image = [UIImage imageNamed:@"scroll.jpg"];    self.imageView.image = image;        //2.1 设置图片范围    CGFloat imageH = image.size.height;    CGFloat imageW = image.size.width;    CGFloat imageX = 0;    CGFloat imageY = 0;    self.imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);            //3 设置UIScrollView 属性        //3.2 设置UIScrollView内容的尺寸，滚动范围    self.scrollView.contentSize=CGSizeMake(imageW, imageH);        //3.2 设置UIScrollView的4周增加额外的滚动区域    CGFloat distance = 100.0f;    self.scrollView.contentInset = UIEdgeInsetsMake(distance, distance, distance, distance);        //3.3 设置弹簧效果    self.scrollView.bounces = YES;        //3.4 设置滚动不显示    self.scrollView.showsHorizontalScrollIndicator=NO;    self.scrollView.showsVerticalScrollIndicator=NO;                    //4 UIImageView 添加到 UIScrollView 中    [self.scrollView addSubview:self.imageView];        //5 UIScrollView    [self.view addSubview:self.scrollView];            //6 设置代理    self.scrollView.delegate = self;            //7 缩放    self.scrollView.minimumZoomScale=0.2f;    self.scrollView.maximumZoomScale=2.0f;    }#pragma mark 代理方法// 用户开始拖拽时调用- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{    NSLog(@"开始拖拽");}// 滚动到某个位置时调用- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    NSLog(@"拖拽中");}// 用户结束拖拽时调用- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{    NSLog(@"结束拖拽");}#pragma mark 缩放/** *  缩放结束时调用 * *  @param scrollView <#scrollView description#> * *  @return <#return value description#> */- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{    NSLog(@"开始缩放");    return self.imageView;}/** *  缩放过程中调用 * *  @param scrollView <#scrollView description#> */- (void)scrollViewDidZoom:(UIScrollView *)scrollView{    NSLog(@"正在缩放");}/** *  缩放结束时调用 * *  @param scrollView <#scrollView description#> *  @param view       <#view description#> *  @param scale      <#scale description#> */- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale{    NSLog(@"缩放结束");}#pragma mark 属性get方法- (UIScrollView *)scrollView{    if (!_scrollView) {        _scrollView = [[UIScrollView alloc] initWithFrame:self.view.frame];    }    return _scrollView;}- (UIImageView *)imageView{    if (!_imageView) {        _imageView = [[UIImageView alloc] init];    }    return _imageView;}@end

6.2 展示

缩放前缩放后

转载于:https://my.oschina.net/wolx/blog/363696

你可能感兴趣的文章