iOS--滑动视图(UIScrollView)及实例

一、滑动试图(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;

}

你可能感兴趣的:(iOS--滑动视图(UIScrollView)及实例)