UI课程07 UIScrollView、UIPageControl

1。知识点思维导图

1) UIScrollView是可以滚动的View，它是所有滚动视图的基类，UITableView，UITextView等都继承于它。
2) 使用场景
显示不下（单张大图），内同太多（图文混排），滚动头条（图片），相册等

2.UIScrollView 的核心功能
1） 滚动：contentSize大于frame.size的时候
2） 缩放：自带缩放，可以指定缩放倍数

3.UIScrollView属性
//设置内容视图滚动大小(此内容指的是图片的内容)
// NSLog(@”%@”,NSStringFromCGSize(imageView.frame.size));
// _scollView.contentSize = CGSizeMake(1920, 1080); //当长宽小于图片的时，无法滑动
//或者
_scollView.contentSize = imageView.frame.size;

//设置偏移量

// _scollView.contentOffset = CGPointMake(100, 0);

//点击状态栏，是否回到图片顶部(默认yes)
_scollView.scrollsToTop = YES;

//设置是否上下左右整页滑动（重要）（默认no）
_scollView.pagingEnabled = YES;

//是否设置边界回弹效果（默认开启）
_scollView.bounces = NO;

//设置能否滚动

// _scollView.scrollEnabled = NO;
// _scollView.contentOffset = CGPointMake(800, 0);//使用代码滚动

//

// _scollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
// _scollView.showsHorizontalScrollIndicator = NO;
// _scollView.showsVerticalScrollIndicator = YES;

//如果content的size 小于scollView.frame.size 的时候设置下面两个属性，也可以进行滚动
_scollView.alwaysBounceVertical = YES;
_scollView.alwaysBounceHorizontal = YES;


//需要设置可以缩放的最大最小缩放比
_scollView.minimumZoomScale = 0.2;
_scollView.maximumZoomScale = 2;

4.滚动，缩放必须实现代理方法
//实现协议方法

//此方法使得图片可以缩放
-(UIView )viewForZoomingInScrollView:(UIScrollView )scrollView{
//通过tag值，获取内部的图片，并返回
return [scrollView viewWithTag:100];
}

//进行图片缩放过程中的处理
-(void)scrollViewDidEndZooming:(UIScrollView )scrollView withView:(UIView )view atScale:(CGFloat)scale{

// NSLog(@”缩放结束”);

//使得图片缩小后处于视图中心

// view.center = scrollView.center;
// 由于缩放是修改了视图的大小，也修改了contentSize,所以不能单纯的使用center

// 获取缩放视图位置和大小
CGRect viewFrame = view.frame;
// 获取scrollview的大小
CGSize scrollViewSize = scrollView.frame.size;
// 如果视图内容的宽度，小于scrollView 的宽度，需要进行计算，否则，设置为0
if (viewFrame.size.width < scrollViewSize.width) {
viewFrame.origin.x = (scrollViewSize.width - viewFrame.size.width) / 2;
}else{
viewFrame.origin.x = 0;
}
// 如果视图内容的高度，小于scrollView 的高度，需要进行计算，否则，设置为0
if (viewFrame.size.height < scrollViewSize.height) {
viewFrame.origin.y = (scrollViewSize.height - viewFrame.size.height) / 2;
}else{
viewFrame.origin.y = 0;
}

// 将计算好的结果赋值给View(将新的坐标赋值给缩放后的图片)
view.frame = viewFrame;

}

5.UIPageControl
属性：
//设置小点的个数
_pageControl.numberOfPages = 10;
currentPage //当前页的下标

示例：相册
//给小点点绑定事件 (使得图片根据不同的小点而变化)
（1）
[_rootView.pageControl addTarget:self action:@selector(pageControlAction:) forControlEvents:UIControlEventValueChanged];

//自定义方法
-(void)pageControlAction:(UIPageControl *)sender{
//可以通过currentPage 获取当前第几个点
NSLog(@”%ld”,sender.currentPage);
//计算出偏移量
CGPoint offset = CGPointMake(self.rootView.scrollView.frame.size.width * sender.currentPage, 0);
//将偏移量的值给scrollview , 图跟着小点的改变而改变
// self.rootView.scrollView.contentOffset = offset;
[self.rootView.scrollView setContentOffset:offset animated:YES];
}
（2）
//设置滚动视图的代理（使得小点根据不同的图片进行变化）
self.rootView.scrollView.delegate = self;

//自定义方法
//协议方法（UIScrollViewDelegate）
//减速结束（当视图完全停止后执行）
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
// NSLog(@”%s %d”,FUNCTION,LINE);

//使用偏移量 / scrollView 的宽度，得到当前页数的下标
NSInteger index = scrollView.contentOffset.x / scrollView.frame.size.width;
//赋值给小点点
self.rootView.pageControl.currentPage = index;

}