一、滑动试图(UIScrollView)
1、基本概念
1) 移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限,当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容
2) 通过scrollView可以通过手势,放大或者缩小显示的内容
2、UIScrollView常用属性
1)里面内容的大小,也就是可以滚动的大小,模式是0,没有滚动效果
contentSize
2)这个属性能够在UIScrollView的4周增加额外的滚动区域
contentInset
3) 这个属性用来表示UIScrollView滚动的位置
contentOffset
4) 默认是 yes,就是滚动超过边界会反弹有反弹回来的效果。假如是 NO,那么滚动到达边界会立刻停止
bounces
5) 是否分页
pagingEnabled
6) 是否可以滚动
scrollEnabled
7) 滚动时是否显示水平滚动条
showsHorizontalScrollIndicator
8) 滚动时是否显示垂直滚动条
showsVerticalScrollIndicator
9) 滚动条的样式,基本只是设置颜色。总共3个颜色:默认、黑、白
indicatorStyle
10) 默认是 NO,可以在垂直和水平方向同时运动。当值是 YES 时,假如一开始是垂直或者是水平运动,那么接下来会锁定另外一个方向的滚动。 假如一开始是对角方向滚动,则不会禁止某个方向
directionalLockEnabled
10) 让指定的区域显示显示出来
scrollRectToVisible:animate
10)当touch后还没有拖动的时候值是YES,否则是NO
tracking
11) 当内容放大到最大或者最小的时候是YES,否则NO
zoomBouncing
12) 当正在缩放的时候值是YES,否则为NO
zooming
13) 当滚动后,手指放开但是还在继续滚动中。这个时候是 YES,其它时候是 NO
decelerating
14) 设置手指放开后的减速率
decelerationRate
15) 一个浮点数,表示能放最大的倍数
maximumZoomScale
16) 一个浮点数,表示能缩最小的倍数
minimumZoomScale
17) 和 bounces 类似,区别在于:这个效果反映在缩放上面,假如缩放超过最大缩放,那么会反弹效果;假如是 NO,则到达最大或者最小的时候立即停止
bouncesZoom
3、UIScrollView代理方法
创建一个UIScrollView,并在里面放置一张图片
1)scrollView已经滑动
- (void)scrollViewDidScroll:(UIScrollView *)scrollView;
2)视图已经放大或缩小
- (void)scrollViewDidZoom:(UIScrollView *)scrollView;
3)scrollView开始拖动
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
4)scrollView结束拖动
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;
5)scrollView开始减速(以下两个方法注意与以上两个方法加以区别)
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;
6)scrollview减速停止
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;
用法:
if (![scrollView isMemberOfClass:[UITableView class]]) {
int current = scrollView.contentOffset.x / 320;
UIPageControl *pageControl = (UIPageControl *)[self.view viewWithTag:101];
pageControl.currentPage = current;
}
7)返回一个放大或者缩小的视图
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
8)开始放大或者缩小
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
9)缩放结束时
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale;
10)是否支持滑动至顶部
- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;
11)滑动到顶部时调用该方法
- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;
一、利用scrollView实现图片的放大缩小
1、设置最大最小缩放倍率
self.maximumZoomScale = 2.5;
self.minimumZoomScale = 1;
2、指定缩放谁
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
3、双击事件的放大与缩小
- (void)zoomInOrOut:(UITapGestureRecognizer *)tapGesture
{
if (self.zoomScale >= 2.5) {
[self setZoomScale:1 animated:YES];
}else {
CGPoint point = [tapGesture locationInView:self];
[self zoomToRect:CGRectMake(point.x - 40, point.y - 40, 80, 80) animated:YES];
}
}
二、实现类似相册的功能
1、创建一个scrollView,进行配置
2、在scrollView里面放多张能够显示得图片
3、每次翻到下一张图片时要让这上个图片恢复到原比例
int pre = 0;
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
int current = scrollView.contentOffset.x / 340;
ImageScrollView *imgScrollView = (ImageScrollView *)[scrollView viewWithTag:pre];
if (imgScrollView.zoomScale > 1) {
imgScrollView.zoomScale = 1;
}
pre = current;
}