UIScrollView 实例

UIScrollView 类负责所有基于 UIKit 的滚动操作。

 

一、创建

 

CGRect bounds = [ [ UIScreen mainScreen ] applicationFrame ] ;
UIScrollView* scrollView = [ [UIScrollView alloc ] initWithFrame:bounds ];

或者

 

UIScrollView *scrollView   =[[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 0.0,self.view.frame.size.width, 400)];

 

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

 

[ scrollView addSubview:myView];

 

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

 

scrollView.contentSize = myView.frame.size;

 

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

 

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

 

要打开缩放功能，你还需要增加一个UIScrollViewDelegate 代理，通过一个名为viewForZoomingScrollView 的方法做出响应。这个方法会返回进行缩放时所使用的 UIView 对象：

 

scrollView.delegate = self;
- (UIView*)viewForZoomingInScrollView:(UIScrollView*)scrollView{
    retutn myView;
}

 

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

 

 

scrollView.pagingEnabled = YES;
scrollView.backgroundColor = [UIColor blueColor];
scrollView.showsVerticalScrollIndicator = NO;
scrollView。showsHorizontalScrollIndicator = NO;
scrollView.delegate = self;
CGSize newSize = CGSizeMake(self.view.frame.size.width * 2, self.view.frame.size.height);
[scrollView setContentSize:newSize];
 [self.view addSubview: scrollView];

 

二、属性

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

 

1.indicatorStyle

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

 

UIScrollViewIndicatorStyleDefault
UIScrollViewIndicatorStyleBlack
UIScrollViewIndicatorStyleWhite

 

2.contentOffset

 

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

 

3.directionalLockEnabled

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

 

4.bounces

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

 

5.bouncesZoom

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

 

6.pagingEnabled （参考：UIPageControl 分页控件－IOS开发）

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

 

UIPageControl有一个userInteractionEnabled你可以设置它为NO。就是点击的时候它不调用任何方法。然后设置它的currentPage 为0，并把它加到view上去。

 

接下来在UIScrollView的delegate方法：

 

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

 

在这里你可以写上关于UIPageControl的页面设置的算法。如下

int index = fabs(scrollView.contentOffset.x) /scrollView.frame.size.width;
pageControl.currentPage = index;

  

三、委托方法

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

 

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

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

-(void)scrollViewDidEndDragging:(UIScrollView*)scrollView willDecelerate:(BOOL)decelerate;
//当用户抬起拖动到手指时得到通知。还会得到一个布尔值，知名报告滚动视图最后位置之前，是否需要减速。

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

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

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

-(BOOL)scrollViewShouldScrollToTop:(UIScrollView*)scrollView;
-(void)scrollViewDidScrollToTop:(UIScrollView*)scrollView;
//当用户点出iPhone状态条时，滚动视图委托可以决定视图是否滚动回到开头。

       

结合UIPageControl做新闻翻页效果

初始化UIPageControl的方法都很简单，就是上面讲的alloc和init，不过大家要记住的一点就是如果你定义了全局变量一定要在delloc那里释放掉。

 

UIPageControl有一个userInteractionEnabled你可以设置它为NO。就是点击的时候它不调用任何方法。然后设置它的currentPage 为0，并把它加到view上去。

 

接下来在UIScrollView的delegate方法：

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

 

在这里你可以写上关于UIPageControl的页面设置的算法。如下

 

int  index = fabs(scrollView.contentOffset.x) / scrollView.frame.size.width;

pageControl.currentPage = index;

UIScrollView还支持处理缩放的动作，比如图片的缩小或者地图。

但是必须实现它的委托viewForZoomingInScrollView:
scrollViewDidEndZooming:withView:atScale:然后它的两个属性maximumZoomScale和minimumZoomScale 要不一样。这样就能基本实现图片的缩放了。

好了，今天讲UIScrollView和UIPageControl就到这里咯，希望大家都能理解。欢迎拍砖。

附加一个photo的利用UIScrollView实现的demo给大家：http://files.cnblogs.com/huangdongcheng/PagePhotosDemo.zip

 

外包/发外包项目群：8734924

互联网 信息聚合网站 : www.yidin.net 聚合互联网最优质资源、协助设计、分享经验、提升自我 欢迎访问（投稿，招聘信息请入）

欢迎各位同学加入 ios 技术二群 60440788