UIScrollView 和 UIPageControl

UIScrollView

【滚动视图】非常重要

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

本身不显示或者只显示背景,主要负责子视图的滚动和翻页。

一、常用属性

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(@"已经结束缩放");

}

二、按页控制

应用

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];

原文地址:https://www.cnblogs.com/jiang-xiao-yan/p/5952513.html