iOS开发-UI (十)UIScrollView 和 UIPageControl使用

知识点:

1.UIScrollView使用

2.UIPageControl使用

@interface RootViewController ()<UIScrollViewDelegate>

=======================

UIScrollView使用

    1.UIScrollView创建

    2.常用属性

      1）滚动内容大小

@property(nonatomic) CGSize contentSize

//实例化一个滚动视图

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

    //设置滚动区域的大小

    scrollView.contentSize = CGSizeMake(KScreenWidth * 3, KScreenHeigth *3);

 

 

      2）是否分页滚动

@property(nonatomic,getter=isPagingEnabled) BOOL pagingEnabled

scrollView.pagingEnabled = YES;

 

 

      3）设置内容位置

@property(nonatomic) CGPoint contentOffset

//屏幕的宽度

#define KScreenWidth [UIScreen mainScreen].bounds.size.width

//屏幕的高度

#define KScreenHeigth [UIScreen mainScreen].bounds.size.height

//设置偏移量

    //scrollView.contentOffset = CGPointMake(KScreenWidth, KScreenHeigth);

    //带动画设置偏移量

    [scrollView setContentOffset:CGPointMake(KScreenWidth, KScreenHeigth) animated:YES];

 

      4）显示水平滚动条

@property(nonatomic) BOOL showsHorizontalScrollIndicator

scrollView.showsHorizontalScrollIndicator= NO;

 

      5）显示垂直滚动条

@property(nonatomic) BOOL showsVerticalScrollIndicator

scrollView.showsVerticalScrollIndicator = NO;

 

      6）弹簧效果

@property(nonatomic) BOOL bounces

//关闭弹簧效果

    scrollView.bounces = NO;

 

=======================

UIScrollView的常用代理方法

1）即将开始拖拽

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

2）即将停止拖拽

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView 

withVelocity:(CGPoint)velocity targetContentOffset:

(inout CGPoint *)targetContentOffset

3）已经停止拖拽

scrollViewDidEndDragging:(UIScrollView *)scrollView 

willDecelerate:(BOOL)decelerate

4）即将停止减速

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

5）已经停止减速

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

6）点击状态栏回到顶部

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView

7）已经滑到顶部

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView

8）放大缩小

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

9）缩放完毕

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView 

withView:(UIView *)view atScale:(CGFloat)scale

#pragma mark- UIScrollViewDelegate

//准备开始拖拽

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

    NSLog(@"scrollViewWillBeginDragging");

}

//准备停止拖拽

-(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{

    NSLog(@"scrollViewWillEndDragging");

}

//已经停止拖拽

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

    NSLog(@"scrollViewDidEndDragging");

}

//准备开始减速

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

    NSLog(@"scrollViewWillBeginDecelerating");

}

//已经停止减速

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

    NSLog(@"偏移量为%@",NSStringFromCGPoint(scrollView.contentOffset));

    NSLog(@"scrollViewDidEndDecelerating");
}

//滚动过程中一直调用的代理方法

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

//    NSLog(@"偏移量为%@",NSStringFromCGPoint(scrollView.contentOffset));

//    NSLog(@"scrollViewDidScroll");

}

//允许点击状态栏滑动到顶部

-(BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView{

    return YES;

}

//已经滑动到顶部

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

    //NSLog(@"scrollViewDidScrollToTop");

    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"温馨提示" message:@"已经滑到最顶" delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];

    //展示

    [alert show];
}


//设置代理

    _scrollView.delegate = self;

    //设置放大缩小的范围

    _scrollView.minimumZoomScale = 0.5;

    _scrollView.maximumZoomScale = 2;

    [self.view addSubview:_scrollView];

#pragma mark- UIScrollViewDelegate

//返回需要放大的视图

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

    return _imageView;
}

//放大缩小完成之后的回调方法

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

    //view -> 当前放大缩小的视图对象

    //scale -> 放大缩小的系数

    NSLog(@"scale = %f",scale);

    //判断

    if (scale < 1.0) {

        //缩小

        view.center = CGPointMake(scrollView.frame.size.width/2.0, scrollView.frame.size.height/2.0);

    }else{

        //放大

        view.frame = CGRectMake(0, 0, view.frame.size.width, view.frame.size.height);
    }
}

 

 

 

 

 

=======================

UIPageControl

    1.UIPageControl创建方式

    2.常用属性

   

  1）总页数

@property(nonatomic) NSInteger numberOfPages

//设置总页数

    _pageCtl.numberOfPages = 4;

@property(nonatomic,retain) UIColor *pageIndicatorTintColor

//设置当前页码颜色

    _pageCtl.currentPageIndicatorTintColor = [UIColor greenColor];

//其他页码颜色

    _pageCtl.pageIndicatorTintColor = [UIColor redColor];

      2）当前页数

@property(nonatomic) NSInteger currentPage

@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor

 

 

 

    3.结合UIScrollView

      1）利用代理协议完成UIPageControl当前页的设置

#pragma mark- UIScrollViewDelegate

//停止减速

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

    if (scrollView.contentOffset.x == self.view.frame.size.width * 5) {

        //不能用带动画跳转

        //当移动到第六个视图的时候

        //瞬间跳转到第二个视图

        scrollView.contentOffset = CGPointMake(self.view.frame.size.width , 0);

    }else if (scrollView.contentOffset.x == 0){

        //当移动到第一个视图的时候

        //瞬间跳转到第五个视图

        scrollView.contentOffset = CGPointMake(self.view.frame.size.width * 4 , 0);
    }
    //设置页码

    _pageCtl.currentPage = scrollView.contentOffset.x/self.view.frame.size.width - 1;
}