一、UIScrollView常用属性
1、UIScrollView
iPhone屏幕大小限制了内容的显示,UIScrollView 类提供了屏幕滚动功能。
UIScrollView是所有滑动视图的基类。以后将要学到的UITableView,UITextView等视图都是继承于该类。
使用场景:显示不下(单张大图);内容太多(图文混排);需要滚动;滚动头条(图片);相册等。
另外,UIScrollView还支持处理缩放的动作,比如图片的缩小或者地图
2、UIScrollView滚动常用属性
contentSize定义内容区域大小,决定是否能够滑动
contentOffset屏幕左上角距离坐标原点的偏移量
scrollsToTop滑动到顶部(点状态条的时候)
pagingEnabled是否整屏翻动
bounces边界是否回弹
scrollEnabled判断控件是否能够滚动
showsHorizontalScrollIndicator控件是否显示水平方向的滚动条
showsVerticalScrollIndicator控件是否显示垂直方向的滚动条
alwaysBounceVertical控件垂直方向遇到边框是否反弹
alwaysBounceHorizontal控件水平方向遇到边框是否反弹
3、UIScrollView缩放常用属性
minimumZoomScale缩小的最小比例
maximumZoomScale放大的最大比例
zoomScale设置变化的比例
zooming判断是否正在进行缩放反弹
bouncesZoom控制缩放的时候是否会反弹
二、UIScrollView代理方法
1、UIScrollView滚动代理方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView滚动就会触发
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView开始拖拽时触发
-(void)scrollViewDidEndDragging:(UIScrollView*)scrollViewwillDecelerate:(BOOL)decelerate结束拖拽时触发
-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView开始减速时触发
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView结束减速时触发
2、UIScrollView缩放代理方法
-(void)scrollViewDidEndZooming:(UIScrollView*)scrollView withView:(UIView *)view atScale:(float)scale完成放大缩小触发
-(UIView*)viewForZoomingInScrollView:(UIScrollView *)scrollView指定某个UIScrollViewd的子视图可以被放大缩小
三、UIPageControl
用于指示当前第几页(代码),通常与UIScrollView配合使用
currentPage当前页
numberOfPages指定页面的个数
UIPageControl从类名可以看书,其父类是UIControl。
所以可以像button一样添加时间,只不过触发使用的不是UIControlEventsTouchUpInside而是UIControlEventsValueChanged
四、UIPageControl和UIScrollView相结合
五,总结
1、UIScrollView的常用属性设置,以及UIScrollView的缩放效果
2、UIScrollView常用的代理方法,以及代理方法的执行顺序
3、UIPageControl的常用属性以及作用
4、UIPageControl和UIScrollView的结合使用
六,代码演示
self.scrollView = [[UIScrollViewalloc]initWithFrame:CGRectMake(20,150,280,280)];
//滚动大小宽度和高度必须大于设置的scrollView的宽度和高度
self.scrollView.contentSize = CGSizeMake(840, 280);
self.scrollView.delegate = self;
self.scrollView.backgroundColor = [UIColorcyanColor];
[self.viewaddSubview:self.scrollView];
//加入和scrollView的frame一样大小
UIImageView * imageView = [[UIImageViewalloc]initWithFrame:CGRectMake(0, 20, 280, 280)];
[imageView setImage:[UIImageimageNamed:@"Fate Zero2.jpg"]];
UIImageView * imageView2 = [[UIImageViewalloc]initWithFrame:CGRectMake(280, 20, 280, 280)];
[imageView2 setImage:[UIImageimageNamed:@"Fate Zero3.jpg"]];
//设置边界是否回弹
scrollView.bounces = YES;
//scrollView的左上角距离坐标原点的偏移量(相当于设置初始位置)
scrollView.contentOffset = CGPointMake(-100, -100);
//滑动到顶部(点状态条的时候)
scrollView.scrollsToTop = YES;
//是否整屏翻动
scrollView.pagingEnabled = YES;
//图片是否滚动
scrollView.scrollEnabled = NO;
[self.scrollViewaddSubview:imageView];
[self.scrollViewaddSubview:imageView2];
//1、给scrollView指定放大缩小的范围
self.scrollView.maximumZoomScale = 100.0;//最大放大2倍
self.scrollView.minimumZoomScale = 0.5;//最小缩小到一半
[self.scrollViewrelease];
self.pageControl = [[UIPageControlalloc]initWithFrame:CGRectMake(20, 150, 280, 20)];
self.pageControl.numberOfPages = 10;
self.pageControl.backgroundColor = [UIColordarkGrayColor];
[self.pageControladdTarget:selfaction:@selector(pageControlAction:)forControlEvents:UIControlEventValueChanged];
[self.viewaddSubview:self.pageControl];
self.pageControl.tintColor = [UIColorredColor];
[self.pageControlrelease];
-(void)pageControlAction:(UIPageControl*)pageControl
{
if (pageControl.currentPage == 0) {
self.scrollView.contentOffset = CGPointMake(0, 20);
}else if (pageControl.currentPage == 1){
self.scrollView.contentOffset = CGPointMake(280, 20);
}else if (pageControl.currentPage == 2){
self.scrollView.contentOffset = CGPointMake(560, 20);
}
//无动画效果
self.scrollView.contentOffset = CGPointMake(self.scrollView.frame.size.width * pageControl.currentPage, 0);
//有动画效果
[self.scrollViewsetContentOffset:CGPointMake(self.scrollView.frame.size.width * pageControl.currentPage, 0)animated:NO];
}
//只要滚动就会触发
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
int number =self.scrollView.contentOffset.x / self.scrollView.frame.size.width;
_pageControl.currentPage =number;
}
//开始拖拽时触发
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));
}
//结束拖拽时触发
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));
}
//开始减速时候触发(慢慢拖拽不触发)
-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
{
NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));
}
//结束减速时候触发
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));
}
//完成放大缩小触发
-(void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
{
}
//2、指定某个UIScrollView的子视图可以被放大缩小
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
for (UIView * view inself.scrollView.subviews) {
return view;
}
returnnil;
}
-(void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
{
NSLog(@"图片开始放大或者缩小");
}
-(void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
{
NSLog(@"图片结束放大或者缩小");
}
|
这里把UIScrollView的几个要点总结下:
从你的手指touch屏幕开始,scrollView开始一个timer,如果:
1. 150ms内如果你的手指没有任何动作,消息就会传给subView。
2. 150ms内手指有明显的滑动(一个swipe动作),scrollView就会滚动,消息不会传给subView,这里就是产生问题二的原因。
3. 150ms内手指没有滑动,scrollView将消息传给subView,但是之后手指开始滑动,scrollView传送touchesCancelled消息给subView,然后开始滚动。
观察下tableView的情况,你先按住一个cell,cell开始高亮,手不要放开,开始滑动,tableView开始滚动,高亮取消。
delaysContentTouches的作用:
这个标志默认是YES,使用上面的150ms的timer,如果设置为NO,touch事件立即传递给subView,不会有150ms的等待。
cancelsTouches的作用:
这个标准默认为YES,如果设置为NO,这消息一旦传递给subView,这scroll事件不会再发生。