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