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

UIScrollView的详细讲解

2012-07-31 17:41 302 查看
UIScrollView 类负责所有基于 UIKit 的滚动操作,这个可以拖动的组件无论在应用还是游戏开发都会经常用到,所以我们就一定要更加熟悉它了,下面我们开始下手咯。

一、创建

[java] view
plaincopyprint?

CGRect bounds = [ [ UIScreen mainScreen ] applicationFrame ] ;

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

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

[java] view
plaincopyprint?

[ scrollView addSubview:myView];

ContentSize是scrollView可以滚动的区域,这个和它的Frame是不一样的,只有ContentSize的大小大于Frame这样才可以支持拖动,比如:

[java] view
plaincopyprint?

scrollView.contentSize = CGSizeMake(320, 960);//代表你的scrollView可以上下滚动,滚动区域为frame大小的两倍

要开启缩放功能需要调整视图的两个属性,分别是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

{

retutn myView;

}

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

二、属性

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

1.indicatorStyle

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

[java] view
plaincopyprint?

UIScrollViewIndicatorStyleDefault

UIScrollViewIndicatorStyleBlack

UIScrollViewIndicatorStyleWhite

2 、scrollIndicatorInsets

设置滚动条的位置

3、contentOffset

一个CGPoint结构,其中包含有要显示内容相对于窗口左上角的偏移量。默认是从0×0开始的,contentOffset = CGPointMake(0,480),就是y偏移了480。

4、contentInset

contentInset 是scrollView的contentView的顶点相对于scrollView的位置,例如你的contentInset = (0, 100);那么你的contentView就是从scrollView的(0, 100)开始显示。

5、directionalLockEnabled

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

6、bounces

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

7、bouncesZoom

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

8、pagingEnabled

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

三、委托方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;
当滑动视图里的内容滑动时将调用这个方法。

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;
当用户滑动滑动视图里的内容并且手指离开屏幕而且内容还在滑动的时候,将会调用这个方法。

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;
当滑动视图里的内容结束滑动时将调用这个方法。

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;
当用户完成拖拽滑动视图里的内容时将会调用这个方法。

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;
是否支持用户点击屏幕顶端的状态条后scrollView滚动到顶部,默认是支持 可以返回NO来关闭它

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView
用户点击屏幕顶端的状态条后scrollView滚动到顶端后会触发该方法

OK,都总结完了。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: