iOS高级控件之ScrollView分析（一）

今天学习了scrollView，其实上也挺简单清晰的，下面我带大家一起来使用这个scrollview这个控件的相关属性操作。

首先新建一个single项目，然后再storyboard中加入scrollview，并在ViewController中将属性进行连接（记得是IBOutlet）

1.创建一个imageView
1.1 创建UIImage

UIImage *image = [UIImage imageNamed:@"001.jpeg"];
UIImageView *_imageview = [[UIImageView alloc] initWithImage:image];
[_scrollView addSubview:_imageview];

2.设置图片视图滚动属性

[_scrollView setContentSize:image.size];
//拖动后距离边框的距离
UIEdgeInsets edge = UIEdgeInsetsMake(10.0,10.0, 10.0, 10.0);
[_scrollView setContentInset:edge];
//设置背景的颜色
[_scrollView setBackgroundColor:[UIColor grayColor]];

3.其他属性（弹性、滚动、水平滚动条、竖直滚动条）

//3.1 是否有弹性
[_scrollView setBounces:YES];//默认yes下同
//3.2 是否能滚动
[_scrollView setScrollEnabled:YES];//默认yes下同
//3.3是否有水平滚动条
[_scrollView setShowsHorizontalScrollIndicator:YES];
//3.4是否有竖直滚动条
[_scrollView setShowsVerticalScrollIndicator:YES];

4.缩放效果，如果亲们需要实现缩放，那么就需要一个代理协议，在ViewController.h中添加一个协议

@interface ViewController : UIViewController <UIScrollViewDelegate>

同时添加缩放滚动的代理方法

-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{ 
// 缩放时要换个图象的话
NSString *imageFile = [NSString stringWithFormat:@"03d.jpeg",arc4random_uniform(10)+1];
UIImage *image = [UIImage imageNamed:imageFile];
[_imageview setImage:image];

return _imageview;
}

这是在viewDidload中可以加入

[_scrollView setMinimumZoomScale:0.2];
[_scrollView setMaximumZoomScale:2.0];
//设置滚动视图代理
[_scrollView setDelegate:self];

5.通过按钮button实现移动图片

5.1加入四个button，设置tag分别为0，1，2，3，方便使用管理

同时将每一个按钮都分别于实现方法进行连接。

5.2 分别设置每一个按钮移动的距离

5.3但是为了防止出现无限的移动，甚至是移除了视线，那就不好咯～所以我们可以设置一个判断，用来规范最多能够移动多少。

5.4当然这样移动还是有点太生硬，我们不妨加一些动画效果

  //动画效果
  [UIView animateWithDuration:0.3f animations:^{
  //修改图像偏移位置
 [_scrollView setContentOffset:ofset];
    }];

6.ScrollView总结1:

• CGSize contentSize：设置UIScrollView的滚动范围 CGPoint

• contentOffset：UIScrollView当前滚动的位置

• UIEdgeInsets contentInset：增加滚动视图四周的增加滚动范围

  

注意区分contentSize和contentOffset以及contentInset的坐标系位置，如上图我相信可以很好的帮助大家区分。