UIScrollView 和 UIPageControl

UIScrollView

【滚动视图】很是重要

UIScrollView是滚动视图，是其它带有滚动功能视图的父类，

自己不显示或者只显示背景，主要负责子视图的滚动和翻页。

1、经常使用属性

1、基本方法

  a、设置内容尺寸

  //设置滚动视图的contentSize

    self.scrollView.contentSize = self.label.frame.size;

   //内容的尺寸，默认状况下 内容的尺寸等于 视图的大小

  b、是否滚动、边界回弹、指示条、一直滚动

    //设置是否能滚动 ，默认YES

    //scrollView.scrollEnabled = NO;

    //滚动条

    //是否显示水平方向的滚动条

    scrollView.showsHorizontalScrollIndicator = YES;

    //是否显示垂直方向的滚动条

    scrollView.showsVerticalScrollIndicator = NO;

   //滚动条风格

   //UIScrollViewIndicatorStyleDefault,

    //UIScrollViewIndicatorStyleBlack,

    // UIScrollViewIndicatorStyleWhite

    scrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;

   //设置是否能够回弹

    scrollView.bounces = YES;

   //水平方向一直能够滚动(YES能够滚动),条件：内容的大小小于视图的大小，回弹必须是YES

    scrollView.alwaysBounceHorizontal = YES;

    //垂直方向一直能够滚动

    scrollView.alwaysBounceVertical = YES;

  c、松手后的减速的加速度

    //设置松手之后减速的加速度

    //CGFloat UIScrollViewDecelerationRateNormal 正常减速

    //CGFloat UIScrollViewDecelerationRateFast 快速减速

    scrollView.decelerationRate = UIScrollViewDecelerationRateFast;

        d、点击状态栏回滚到顶部

  //点击状态栏自动滚回顶部，默认yes；

    scrollView.scrollsToTop = YES;

        e、设置偏移偏移量

    //设置偏移，重要属性

    scrollView.contentOffset = CGPointMake(300, 300);

  //等5秒调用self 的 wait方法

    [self performSelector:@selector(wait) withObject:nil afterDelay:5];

- (void)wait {

    //设置偏移，带有动画效果

    [_scrollView setContentOffset:CGPointMake(100, 100) animated:YES];

}

也就是上边的动画结束，调用方法

//用代码写 offset 滚动的时候 才会调用这个方法

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {

    NSLog(@"代码方式，滚动动画结束");

}

        f 、按页滚动

   //设置是否能够按页滚动，默认NO；

    scrollView.pagingEnabled = YES;

    //若是滚动视图的宽度，正好是子视图的宽度的整数倍，正好按页滚动，一页一页的完整显示

        g、缩放相关

 //设置缩放的大小,必须设置代理才能缩放（实现对应的方法viewForZoomingInScrollView）

    scrollView.delegate = self;

    //最小缩放倍数

    scrollView.minimumZoomScale = 0.5;

    //最大缩放倍数

    scrollView.maximumZoomScale = 2.0;

/**

 *  实现代理方法

 */

//指定须要缩放的视图

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

    

    return scrollView.subviews[0];

} 

2、代理方法

        a、滚动

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

    NSLog(@"即将开始拖拽");

}

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

    NSLog(@"已经中止拖拽");

}

        b、自由减速

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

    NSLog(@"即将开始减速");

}

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

    NSLog(@"中止结束 减速");

} 

        c、代码方式滚动结束

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {

    NSLog(@"代码方式，滚动动画结束");

}

        d、缩放相关

//指定须要缩放的视图

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

        return scrollView.subviews[0];

}

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

    NSLog(@"即将开始缩放");

}

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

    NSLog(@"已经结束缩放");

}

2、按页控制

应用

UIScrollView经常使用属性

contentSize

contentInset 不经常使用

bounces 弹簧效果

pagingEnabled 是不是分页滑动效果

scrollEnabled 是否容许滑动，若是设置为no,则只能经过方法滑动，不能经过手势滑动

showsHorizontalScrollIndicator 显示水平滚动条

showsVerticalScrollIndicator 显示垂直滚动条

indicatorStyle 滚动条风格

scrollIndicatorInsets 滚动条inset, 不经常使用

decelerationRate 松手后加速度，设置越大，停下来越慢，不经常使用

scrollsToTop 是否支持点击 statusbar回到顶端，默认YES

isTracking // 只读属性，判断滚动视图是否被触摸，可能尚未滑动

isDragging // 只读属性，判断滚动视图是否被滑动，指手未松开

isDecelerating // 只读属性，判断是否在减速运动，指手指松开后

缩放：

minimumZoomScale

maximumZoomScale

实现UIScrollView的缩放，必须使maximumZoomScale（默认1.0）和minimumZoomScale（默认1.0）不一样 ，而且须要在delegate中的viewForZoomingInScrollView: 方法中返回须要缩放的view。实现以上便可进行缩放。

pragma mark -

// return a view that will be scaled. if delegate returns nil, nothing happen

• (UIView )viewForZoomingInScrollView:(UIScrollView )scrollView {
  // 返回哪一个子视图被缩放
  // 通常来说，不缩放scrollView自己，只缩放返回的子视图
  return scrollView.subviews[0];
  }
• (void)scrollViewDidZoom:(UIScrollView *)scrollView;
• (void)scrollViewDidEndZooming:(UIScrollView )scrollView withView:(UIView )view atScale:(CGFloat)scale;
• (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;

 

// 一旦滚动，就会无条件调用，没有任什么时候间点

// 不管手指在拖仍是不在拖

• (void)scrollViewDidScroll:(UIScrollView *)scrollView;

// 在松开手指的那一瞬间被调用

• (void)scrollViewWillEndDragging:(UIScrollView )scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint )targetContentOffset {
• // NSLog(@”将要结束滚动”);
• // NSLog(@”加速度：%f %f”, velocity.x, velocity.y);
• // NSLog(@”预测停留点：%f %f”, targetContentOffset.x, targetContentOffset.y);
• // velocity: 加速度
• // targetContentOffset: 预测将要停留的点
• }

// 滑动结束，将要开始减速

// 手指离开了，但实际上scrollView并不必定结束了滚动

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

// 将要减速

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

// 减速结束

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

// 结速滚动后调用，要经过代码让它滚动时，此方法才会被调用

• (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {
  NSLog(@”经过代码滚动结束”);
  } 

// 当用户点出iPhone状态条时，滚动视图委托能够决定视图是否滚动回到开头

• (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView {
  
  // NSLog(@”已经滚动到顶部”);
  } 

页控制   UIPageControl

//建立一个Scrollview

- (void)createScrollView {

    UIScrollView *scrollView = [[UIScrollView alloc]initWithFrame:self.view.frame];

    self.scrollView = scrollView;

    self.scrollView.pagingEnabled = YES;

    //设置代理

    scrollView.delegate = self;

    [self.view addSubview:scrollView];

    [self createPageControl];

}

#pragma mark - UIScrollViewDelegate

//结束减速代理

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

    //设置pageControl的小圆点

    //contenOfsset   用滚动视图水平方向的偏移量 除以scrollView的宽度 ,得出当前所在页面

    NSInteger currentPage = scrollView.contentOffset.x / scrollView.frame.size.width;

    //设置pageControl的选中点

    self.pageControl.currentPage = currentPage;

}

- (void)createPageControl {

    UIPageControl *pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake((self.view.frame.size.width - 300 ) / 2, 500, 300,40)];

    self.pageControl = pageControl;

    [self.view addSubview:pageControl];

    pageControl.numberOfPages = 4;

    //设置小圆点

    pageControl.pageIndicatorTintColor = [UIColor purpleColor];

    //设置选中的小圆点的颜色

    pageControl.currentPageIndicatorTintColor = [UIColor greenColor];

    //添加事件

    [pageControl addTarget:self action:@selector(pageControlPressed:) forControlEvents:UIControlEventValueChanged];

}

//pageControl值发生变化

- (void)pageControlPressed:(UIPageControl*)sender {

    //设置滚动视图的偏移量

    //获得水平偏移量

    CGFloat offsetX = sender.currentPage * _scrollView.frame.size.width;

    [_scrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];

}