UIScrollView属性总结

一、UIScrollView常用属性

1、UIScrollView

iPhone屏幕大小限制了内容的显示，UIScrollView 类提供了屏幕滚动功能。

UIScrollView是所有滑动视图的基类。以后将要学到的UITableView,UITextView等视图都是继承于该类。

使用场景：显示不下（单张大图）；内容太多（图文混排）；需要滚动；滚动头条（图片）；相册等。

另外，UIScrollView还支持处理缩放的动作，比如图片的缩小或者地图

2、UIScrollView滚动常用属性

contentSize定义内容区域大小，决定是否能够滑动

contentOffset屏幕左上角距离坐标原点的偏移量

scrollsToTop滑动到顶部（点状态条的时候）

pagingEnabled是否整屏翻动

bounces边界是否回弹

scrollEnabled判断控件是否能够滚动

showsHorizontalScrollIndicator控件是否显示水平方向的滚动条

showsVerticalScrollIndicator控件是否显示垂直方向的滚动条

alwaysBounceVertical控件垂直方向遇到边框是否反弹

alwaysBounceHorizontal控件水平方向遇到边框是否反弹

3、UIScrollView缩放常用属性

minimumZoomScale缩小的最小比例

maximumZoomScale放大的最大比例

zoomScale设置变化的比例

zooming判断是否正在进行缩放反弹

bouncesZoom控制缩放的时候是否会反弹

二、UIScrollView代理方法

1、UIScrollView滚动代理方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView滚动就会触发

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView开始拖拽时触发

-(void)scrollViewDidEndDragging:(UIScrollView*)scrollViewwillDecelerate:(BOOL)decelerate结束拖拽时触发

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView开始减速时触发

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView结束减速时触发

2、UIScrollView缩放代理方法

-(void)scrollViewDidEndZooming:(UIScrollView*)scrollView withView:(UIView *)view atScale:(float)scale完成放大缩小触发

-(UIView*)viewForZoomingInScrollView:(UIScrollView *)scrollView指定某个UIScrollViewd的子视图可以被放大缩小

三、UIPageControl

用于指示当前第几页（代码），通常与UIScrollView配合使用

currentPage当前页

numberOfPages指定页面的个数

UIPageControl从类名可以看书，其父类是UIControl。

所以可以像button一样添加时间，只不过触发使用的不是UIControlEventsTouchUpInside而是UIControlEventsValueChanged

四、UIPageControl和UIScrollView相结合

五，总结

1、UIScrollView的常用属性设置，以及UIScrollView的缩放效果

2、UIScrollView常用的代理方法，以及代理方法的执行顺序

3、UIPageControl的常用属性以及作用

4、UIPageControl和UIScrollView的结合使用

六，代码演示

    self.scrollView = [[UIScrollViewalloc]initWithFrame:CGRectMake(20,150,280,280)];

   //滚动大小宽度和高度必须大于设置的scrollView的宽度和高度

    self.scrollView.contentSize = CGSizeMake(840, 280);

    self.scrollView.delegate = self;

    self.scrollView.backgroundColor = [UIColorcyanColor];

    [self.viewaddSubview:self.scrollView];

    //加入和scrollView的frame一样大小

    UIImageView * imageView = [[UIImageViewalloc]initWithFrame:CGRectMake(0, 20, 280, 280)];

    [imageView setImage:[UIImageimageNamed:@"Fate Zero2.jpg"]];

    UIImageView * imageView2 = [[UIImageViewalloc]initWithFrame:CGRectMake(280, 20, 280, 280)];

    [imageView2 setImage:[UIImageimageNamed:@"Fate Zero3.jpg"]];

    //设置边界是否回弹

    scrollView.bounces = YES;

    //scrollView的左上角距离坐标原点的偏移量(相当于设置初始位置)

    scrollView.contentOffset = CGPointMake(-100, -100);

     //滑动到顶部（点状态条的时候）

    scrollView.scrollsToTop = YES;

        //是否整屏翻动

    scrollView.pagingEnabled = YES;

        //图片是否滚动

    scrollView.scrollEnabled = NO;

        [self.scrollViewaddSubview:imageView];

        [self.scrollViewaddSubview:imageView2];

       //1、给scrollView指定放大缩小的范围

    self.scrollView.maximumZoomScale = 100.0;//最大放大2倍

       self.scrollView.minimumZoomScale = 0.5;//最小缩小到一半

    

        [self.scrollViewrelease];

        self.pageControl = [[UIPageControlalloc]initWithFrame:CGRectMake(20, 150, 280, 20)];

        self.pageControl.numberOfPages = 10;

       self.pageControl.backgroundColor = [UIColordarkGrayColor];

        [self.pageControladdTarget:selfaction:@selector(pageControlAction:)forControlEvents:UIControlEventValueChanged];

        [self.viewaddSubview:self.pageControl];

        self.pageControl.tintColor = [UIColorredColor];

        [self.pageControlrelease];

-(void)pageControlAction:(UIPageControl*)pageControl

{

    if (pageControl.currentPage == 0) {

       

      self.scrollView.contentOffset = CGPointMake(0, 20);

      

    }else if (pageControl.currentPage == 1){

self.scrollView.contentOffset = CGPointMake(280, 20);

    }else if (pageControl.currentPage == 2){

self.scrollView.contentOffset = CGPointMake(560, 20);

    }

        //无动画效果

self.scrollView.contentOffset = CGPointMake(self.scrollView.frame.size.width * pageControl.currentPage, 0);

        //有动画效果

    [self.scrollViewsetContentOffset:CGPointMake(self.scrollView.frame.size.width * pageControl.currentPage, 0)animated:NO];

    }

//只要滚动就会触发

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

{

        int number =self.scrollView.contentOffset.x / self.scrollView.frame.size.width;

        _pageControl.currentPage =number;

    }

//开始拖拽时触发

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

{   

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//结束拖拽时触发

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

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//开始减速时候触发(慢慢拖拽不触发)

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//结束减速时候触发

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//完成放大缩小触发

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

{    

}

//2、指定某个UIScrollView的子视图可以被放大缩小

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

{

    for (UIView * view inself.scrollView.subviews) {

        return view;

    }

    returnnil;

}

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

{

NSLog(@"图片开始放大或者缩小");

}

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

{

    NSLog(@"图片结束放大或者缩小");

}

属性总结

属性 作用 CGPoint contentOffSet 监控目前滚动的位置 CGSize contentSize 滚动范围的大小 UIEdgeInsets contentInset 视图在scrollView中的位置 id<UIScrollerViewDelegate> delegate 设置协议 BOOL directionalLockEnabled 指定控件是否只能在一个方向上滚动 BOOL bounces 控制控件遇到边框是否反弹 BOOL alwaysBounceVertical 控制垂直方向遇到边框是否反弹 BOOL alwaysBounceHorizontal 控制水平方向遇到边框是否反弹 BOOL pagingEnabled 控制控件是否整页翻动 BOOL scrollEnabled 控制控件是否能滚动 BOOL showsHorizontalScrollIndicator 控制是否显示水平方向的滚动条 BOOL showsVerticalScrollIndicator 控制是否显示垂直方向的滚动条 UIEdgeInsets scrollIndicatorInsets 指定滚动条在scrollerView中的位置 UIScrollViewIndicatorStyle indicatorStyle 设定滚动条的样式 float decelerationRate 改变scrollerView的减速点位置 BOOL tracking 监控当前目标是否正在被跟踪 BOOL dragging 监控当前目标是否正在被拖拽 BOOL decelerating 监控当前目标是否正在减速 BOOL delaysContentTouches 控制视图是否延时调用开始滚动的方法 BOOL canCancelContentTouches 控制控件是否接触取消touch的事件 float minimumZoomScale 缩小的最小比例 float maximumZoomScale 放大的最大比例 float zoomScale 设置变化比例 BOOL bouncesZoom 控制缩放的时候是否会反弹 BOOL zooming 判断控件的大小是否正在改变 BOOL zoomBouncing 判断是否正在进行缩放反弹 BOOL scrollsToTop 控制控件滚动到顶部

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