UIScrollView的基本用法

感谢大家对我的支持，相关源码我已上传到github，地址是：https://github.com/CocoaML，欢迎技术交流！

ScrollView中的基本用法

//设置ScrollView的整体触摸与显示区域

假如屏幕宽高 是 320X480
//注意 ScrollView的 宽 高不要超过 320X480，否则会出现无法滚动的情况
_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320,440)];

//设置ScrollView滚动内容的区域

//通常是需要大于ScrollerView的显示区域的，这样才有必要在ScrollerView中滚动它
[_scrollView setContentSize:CGSizeMake(320 * 5, 240)];

//开启滚动分页功能，如果不需要这个功能关闭即可
[_scrollView setPagingEnabled:YES];

//隐藏横向与纵向的滚动条
[_scrollView setShowsVerticalScrollIndicator:NO];
[_scrollView setShowsHorizontalScrollIndicator:NO];

//在本类中代理scrollView的整体事件
[_scrollView setDelegate:self];

//如果你打开横向或纵向的滚动条，这里可以设置滚动条风格
// UIScrollViewIndicatorStyleDefault, 默认风格
// UIScrollViewIndicatorStyleBlack, 黑色风格
// UIScrollViewIndicatorStyleWhite 白色风格
//[_scrollView setIndicatorStyle:UIScrollViewIndicatorStyleBlack]

//在这里给每一个ScrollView添加一个图片 和一个按钮
for (int i =0; i<5; i++) {

// 图片
UIImageView imageView= [[[UIImageView alloc] initWithFrame:CGRectMake(i 320,0,320,440)] autorelease];
[imageView setImage:[UIImage imageNamed:@image.png]];

// 按钮
UIButton * button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.frame = CGRectMake(i * 320, 10, 100, 30);
[button setTitle:@“这是一个按钮” forState:UIControlStateNormal];
[button addTarget:self action:@selector(buttonClick) forControlEvents:UIControlEventTouchUpInside];

//把每页需要显示的VIEW添加进ScrollerView中
[_scrollView addSubview:imageView];
[_scrollView addSubview:button];
}

//整体再将ScrollerView显示在窗口中
[self.view addSubview:_scrollView];

//页面控制小工具
//它会在底部绘制小圆点标志当前显示页面

_pageControl = [[[UIPageControl alloc] initWithFrame:CGRectMake(0, 440,self.view.frame.size.width, 20)]autorelease];

//设置页面的数量
[_pageControl setNumberOfPages:5];

//监听页面是否发生改变
[_pageControl addTarget:self action:@selector(changePage:) forControlEvents:UIControlEventValueChanged];

[self.view addSubview:_pageControl];
}

– (void)changePage:(id)sender {

//得到当前页面的ID
//int page = [sender currentPage];

//在这里写你需要执行的代码

//……
}

//手指离开屏幕后ScrollView还会继续滚动一段时间只到停止
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

NSLog(@结束滚动后缓冲滚动彻底结束时调用);
// ……
}

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

NSLog(@结束滚动后开始缓冲滚动时调用);
// ……
}

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

//页面滚动时调用，设置当前页面的ID
[_pageControl setCurrentPage:fabs(scrollView.contentOffset.x/self.view.frame.size.width)];

NSLog(@视图滚动中X轴坐标%f,scrollView.contentOffset.x);

NSLog(@视图滚动中X轴坐标%f,scrollView.contentOffset.y);
// ……
}

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

NSLog(@滚动视图开始滚动，它只调用一次);
// ……
}

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

NSLog(@滚动视图结束滚动，它只调用一次);
// ……
}

ScrollView中的contentSize、contentInset和contentOffset区别

1. contentSize是scrollview可以滚动的区域，比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960)，代表你的scrollview可以上下滚动，滚动区域为frame大小的两倍。

2. contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量，比如上个例子你拉到最下面，contentoffset就是(0 ,480)，也就是y偏移了480。

3. contentInset是scrollview的contentview的顶点相对于scrollview的位置，例如你的contentInset = (0 ,100)，那么你的contentview就是从scrollview的(0 ,100)开始显示。