您的位置:首页 > 产品设计 > UI/UE

UIScrollView 原理

2012-04-17 16:15 169 查看
from:http://blog.sina.com.cn/s/blog_4adf31ea0100qqhl.html

scroll view 原理

在滚动过程当中,其实是在修改原点坐标

当手指触摸后, scroll view会暂时拦截触摸事件,使用一个

计时器,假如在计时器到点后,没有发生手指移动事件,

那么,scroll view发送tracking events到被点击的subview

假如在计时器到点前,发生了移动事件,那么 scroll view 取消tracking

自己发生滚动

子类可以重载touchesShouldBegin:withEvent:inContentView: 决定自己是否接收touch事件

pagingEnabled当值是YES,会自动滚动到subview的边界,默认是NO

touchesShouldCancelInContentView: 开始发送tracking messages消息给subview的时候

调用这个方法,决定是否发送tracking messages消息到subview,假如返回NO,发送,YES则不发送

假如 canCancelContentTouches属性是NO,则不调用这个方法

来影响如何处理滚动手势

scroll view还处理缩放和平移手势

要实现缩放和平移,必须实现委托viewForZoomingInScrollView:

scrollViewDidEndZooming:withView:atScale:

两个方法,另外 maximumZoomScale和minimumZoomScale两个属性要不一样

几个属性

tracking

当touch后还没有拖动的时候,值是YES,否则NO

zoomBouncing

当内容放大到最大或者最小的时候,值是YES,否则NO

zooming

当正在缩放的时候,值是YES,否则NO

decelerating

当滚动后,手指放开,但是还在继续滚动中,这个时候是 YES,其他是NO

decelerationRate

设置手指放开后的减速率

maximumZoomScale

一个浮点数,表示能放最大的倍数

minimumZoomScale

一个浮点数,表示能缩最小的倍数

pagingEnabled

当值是YES,会自动滚动到subview的边界,默认是NO

scrollEnabled

决定是否可以滚动

delaysContentTouches

是 个布尔值,当值是YES的时候,用户触碰开始,scroll view要延迟一会,看看是否用户有意图滚动,假如滚动了,那么捕捉touch-down事件,否则就不捕捉, 假如值是NO,当用户触碰, scroll view会立即触发touchesShouldBegin:withEvent:inContentView:, 默认是YES

canCancelContentTouches

当 值是YES的时候,用户触碰后,然后在一定时间内没有移动,scrollView发送tracking events,然后用户移动手指足够长度触发滚动事件,这个时候,scrollView发送了touchesCancelled:withEvent: 到subview,然后scroView开始滚动

假如值是NO,scrollView发送tracking events后,就算用户移动手指,scrollView也不会滚动

contentSize

里面内容的大小,也就是可以滚动的大小,默认是0,没有滚动效果。

showsHorizontalScrollIndicator

滚动时,是否显示水平滚动条

showsVerticalScrollIndicator

滚动时,是否显示垂直滚动条

bounces

默认是yes,就是滚动超过边界,会反弹有反弹回来的效果,假如是 NO,那么滚动到达边界,那么会连忙停止

bouncesZoom

和bounces类似,区别在于,这个效果反映在缩放上面,假如缩放超过最大缩放,那么会反弹效果,假如是NO,则到达最大或者最小的时候,立即停止

directionalLockEnabled

默认是NO, 可以在垂直和水平方向同时运动, 当值是YES, 假如一开始是垂直或者是水平运动,那么接下来会锁定另外一个方向的滚动, 假如一开始是对角方向滚动,则不会禁止某个方向

indicatorStyle

滚动条的样式,基本只是设置颜色,总共3个颜色,默认,黑色的,白色的

scrollIndicatorInsets

设置滚动条的位置

--------------------------------

from: http://blog.csdn.net/iukey/article/details/7319314
UIScrollView 类负责所有基于 UIKit 的滚动操作。

一、创建

[java] view
plaincopyprint?

CGRect bounds = [ [ UIScreen mainScreen ] applicationFrame ] ;

UIScrollView* scrollView = [ [UIScrollView alloc ] initWithFrame:bounds ];

当你创建完滚动视图后,你可以将另一个视图的内容粘合到滚动视图的空白页上。这回创建一个滚动的内容窗口:

[java] view
plaincopyprint?

[ scrollView addSubview:myView];

你必须给出内容的实际大小,这样滚动视图才知道滚动的范围:

[java] view
plaincopyprint?

scrollView.contentSize = myView.frame.size;

要开启缩放功能需要调整视图的两个属性,分别是maxinumZoomScale 和 mininumZoomScale 。这样就可以允许用户使用捏合手势调整内容大小:

[java] view
plaincopyprint?

scrollView.maxinumZoomScale = 2.0;//允许放大2倍

scrollView.mininumZoomScale = 0.5;//允许放大到0.5倍

要打开缩放功能,你还需要增加一个UIScrollViewDelegate 代理,通过一个名为 viewForZoomingScrollView

的方法做出响应。这个方法会返回进行缩放时所使用的 UIView 对象:

[java] view
plaincopyprint?

scrollView.delegate = self;

- (UIView*)viewForZoomingInScrollView:(UIScrollView*)scrollView{

<span style="white-space:pre"> </span>retutn myView;

}

Tips:对于大规模数据,你可能会在最初使用一个低于实际大小(1.0)的缩放比例,让用户可以平滑地进行放大。

二、属性

除了上面用到的缩放属性外,滚动视图还有会让你多其他属性,可以对现实内容的行为进行微调。你可以对 UIScrollView 类进行多方位定制。下面这些属性是最常用的。

1.indicatorStyle

指定你希望使用的滚动条指示器的类型。默认行为是在白边界上绘制黑色的滚动条,这在大多数背景下都适用。可用风格如下:

[java] view
plaincopyprint?

UIScrollViewIndicatorStyleDefault

UIScrollViewIndicatorStyleBlack

UIScrollViewIndicatorStyleWhite

2.contentOffset

一个CGPoint结构,其中包含有要显示内容相对于窗口左上角的偏移量。默认是从0×0开始的,但是你也可以将显示内容放在其他位置。

3.directionalLockEnabled

默认行为是允许用户同时进行横向和纵向的滚动。将这个属性设置为YES会导致将用户的滚动行为锁定成只允许横向或纵向进行,具体方向由初始姿态决定。

4.bounces

当用户抵达滚动区域边缘时,这个功能允许用户稍微拖动到边界外一点。当用户松开手指后,这个区域会像个橡皮筋一样,弹回到原位,给用户一个可见的提示,表示他已经到达了文档开始或结束位置。如果不想让用户的滚动范围能够超出可见内容,可以将这个属性设置为NO。

5.bouncesZoom

类似于bounces 选项,这个方法可以令用户的缩放操作超出最大或最小缩放级别,然后弹回到范围以内。如果你不想让用户能够超出你指定的范围进行缩放,将这个属性设置为NO。

6.pagingEnabled

当开启了分页功能时,滚动视图被分割成多个独立区段,二用户的滚动体验则变成了页面翻转,你可以用这个属性来进行页面翻转。

三、委托方法

可以赋予滚动视图一个委托,下列委托方法会在特定时刻收到通知。

[java] view
plaincopyprint?

-(void)scrollViewDidScroll:(UIScrollView*)scrollView;//会在视图滚动时收到通知。包括一个指向被滚动视图的指针,从中可以读取contentOffset属性以确定其滚动到的位置。

[java] view
plaincopyprint?

-(void)scrollViewWillBeginDragging:(UISCrollView*)scrollView;//当用户首次在某个方向上进行拖动时得到通知。这个方法会得到被作为参数传递的滚动视图指针,也同样可以从中读取 contentOffset 属性。

[java] view
plaincopyprint?

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

//当用户抬起拖动到手指时得到通知。还会得到一个布尔值,知名报告滚动视图最后位置之前,是否需要减速。

[java] view
plaincopyprint?

-(void)scrollViewWillBeginDecelerate:(UIScrollView*)scrollView;//当用户抬起手指而视图需要继续移动时,会收到通知。这个方法可以用来读取 contentOffset属性,从而判断出当用户抬起手指钱最后一次滚动到的位置,虽然这个位置并不会使滚动条的最终停止位置。

[java] view
plaincopyprint?

-(void)scrollViewDidEndDecelerating:(UIScrollView*)scrollView;//当上面提到的减速完毕、滚动视图停止时得到通知。收到这个通知的时刻,滚动视图的contentOffset属性会反映出滚动条最终停止的位置。

[java] view
plaincopyprint?

-(void)scrollViewDidEndZooming:(UIScrollview*)scrollView withView:(UIView*)view atScale:(float)scale;//当用户对内容进行缩放时,会收到通知。缩放比例表示为一个浮点值,会作为参数传递进来。

[java] view
plaincopyprint?

-(BOOL)scrollViewShouldScrollToTop:(UIScrollView*)scrollView;

-(void)scrollViewDidScrollToTop:(UIScrollView*)scrollView;

//当用户点出iPhone状态条时,滚动视图委托可以决定视图是否滚动回到开头。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: