UIScrollView 滚动视图 (实例)

UIScrollView 类负责全部基于 UIKit 的滚动操做。算法

 

1、建立app

 

C代码   收藏代码
  1. CGRect bounds = [ [ UIScreen mainScreen ] applicationFrame ] ;    
  2. UIScrollView* scrollView = [ [UIScrollView alloc ] initWithFrame:bounds ];    

或者函数

C代码   收藏代码
  1. UIScrollView *scrollView   =[[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 0.0,self.view.frame.size.width, 400)];   
 

当你建立完滚动视图后,你能够将另外一个视图的内容粘合到滚动视图的空白页上。这回建立一个滚动的内容窗口:spa

 

C代码   收藏代码
  1. [ scrollView addSubview:myView];   
 

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

 

C代码   收藏代码
  1. scrollView.contentSize = myView.frame.size;   
 

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

 

C代码   收藏代码
  1. scrollView.maxinumZoomScale = 2.0;//容许放大2倍    
  2. scrollView.mininumZoomScale = 0.5;//容许放大到0.5倍   
 

要打开缩放功能,你还须要增长一个UIScrollViewDelegate 代理,经过一个名为viewForZoomingScrollView 的方法作出响应。这个方法会返回进行缩放时所使用的 UIView 对象:代理

 

C代码   收藏代码
  1. scrollView.delegate = self;    
  2. - (UIView*)viewForZoomingInScrollView:(UIScrollView*)scrollView{    
  3.     retutn myView;    
  4. }    
 

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

 

C代码   收藏代码
  1. scrollView.pagingEnabled = YES;  
  2. scrollView.backgroundColor = [UIColor blueColor];  
  3. scrollView.showsVerticalScrollIndicator = NO;  
  4. scrollView。showsHorizontalScrollIndicator = NO;  
  5. scrollView.delegate = self;  
  6. CGSize newSize = CGSizeMake(self.view.frame.size.width * 2, self.view.frame.size.height);  
  7. [scrollView setContentSize:newSize];  
  8.  [self.view addSubview: scrollView];  
 

2、属性对象

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

 

1.indicatorStyle

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

 

C代码   收藏代码
  1. UIScrollViewIndicatorStyleDefault    
  2. UIScrollViewIndicatorStyleBlack    
  3. 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方法:

C代码   收藏代码
  1. - (void)scrollViewDidScroll:(UIScrollView *)scrollView;    
 

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

C代码   收藏代码
  1. int index = fabs(scrollView.contentOffset.x) /scrollView.frame.size.width;     
  2. pageControl.currentPage = index;   

  

3、委托方法

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

 

C代码   收藏代码
  1. -(void)scrollViewDidScroll:(UIScrollView*)scrollView;//会在视图滚动时收到通知。包括一个指向被滚动视图的指针,从中能够读取contentOffset属性以肯定其滚动到的位置。   
C代码   收藏代码
  1. -(void)scrollViewWillBeginDragging:(UISCrollView*)scrollView;//当用户首次在某个方向上进行拖动时获得通知。这个方法会获得被做为参数传递的滚动视图指针,也一样能够从中读取 contentOffset 属性。  
C代码   收藏代码
  1. -(void)scrollViewDidEndDragging:(UIScrollView*)scrollView willDecelerate:(BOOL)decelerate;    
  2. //当用户抬起拖动到手指时获得通知。还会获得一个布尔值,知名报告滚动视图最后位置以前,是否须要减速。   
C代码   收藏代码
  1. -(void)scrollViewWillBeginDecelerate:(UIScrollView*)scrollView;//当用户抬起手指而视图须要继续移动时,会收到通知。这个方法能够用来读取 contentOffset属性,从而判断出当用户抬起手指钱最后一次滚动到的位置,虽然这个位置并不会使滚动条的最终中止位置。   
C代码   收藏代码
  1. -(void)scrollViewDidEndDecelerating:(UIScrollView*)scrollView;//当上面提到的减速完毕、滚动视图中止时获得通知。收到这个通知的时刻,滚动视图的contentOffset属性会反映出滚动条最终中止的位置。  
C代码   收藏代码
  1. -(void)scrollViewDidEndZooming:(UIScrollview*)scrollView withView:(UIView*)view atScale:(float)scale;//当用户对内容进行缩放时,会收到通知。缩放比例表示为一个浮点值,会做为参数传递进来。  
C代码   收藏代码
  1. -(BOOL)scrollViewShouldScrollToTop:(UIScrollView*)scrollView;    
  2. -(void)scrollViewDidScrollToTop:(UIScrollView*)scrollView;    
  3. //当用户点出iPhone状态条时,滚动视图委托能够决定视图是否滚动回到开头。  
       

OK,都总结完了,后面会写一个页面翻转的例子敬请关注。

 

来源: http://blog.csdn.net/iukey/article/details/7319314

 

 

实例:

 

viewcontroller.h

 

C代码   收藏代码
  1. #import <UIKit/UIKit.h>  
  2.   
  3. @interface ViewController : UIViewController  
  4. {  
  5.     __weak IBOutlet UIScrollView *scroller;  
  6. }  
  7.   
  8. @end  
 

viewcontroller.m

 

C代码   收藏代码
  1. - (void)viewDidLoad  
  2. {  
  3.     [scroller setScrollEnabled:YES];  
  4.     [scroller setContentSize:CGSizeMake(320, 1600)];  
  5.       
  6.     [super viewDidLoad];  
  7.     // Do any additional setup after loading the view, typically from a nib.  
  8. }  
  9.   
  10. - (void)viewDidUnload  
  11. {  
  12.   
  13.     scroller = nil;  
  14.     [super viewDidUnload];  
  15.     // Release any retained subviews of the main view.  
  16.     // e.g. self.myOutlet = nil;  
  17. }  

 

 

拖拽scrollview视图到Fist Responder.

 

 

 

1. XIB文件的理解

        经过IB设计的CnView和EnView分别对应一个XIB文件,在CnView的XIB文件中,主要采用XML格式描述了Button和Label控件的属性(这里不考虑View自己的背景等属性),有个Button和Label,以及Button和Label的位置、大小等。EnView的XIB文件相似。

 

2. ViewController

       每一个View对应有个视图控制器(多个View能够采用同一个视图控制器,后边再说),能够看作MVC中的C(尽管严格意义上不是),好比:CnView界面点击按钮以后的响应动做是由ViewController来实现的。

 

3. XIB和ViewController之间的关系

     XIB是表现,ViewController一方面响应XIB上的操做(好比点击、滑动等),同时也控制XIB的显示。

 

4. File's Owner

     重点就是这里了,View和ViewController之间的对应关系,须要一个桥梁来进行链接的(即,对于一个视图,他如何知道本身的界面的操做应该由谁来响应),这个桥梁就是File's Owner。

     选中某个XIB的File's Owner,在Inspector中能够看到属性:File Name和Custom Class,该File's Owner就是用来绑定File Name中的xib文件和Custom Class中的ViewController的,在作了这个绑定以后,按住control键,拖动File's Owner到xib中的某个控件的时候,就是Custom Class中定义的IBOutlet元素与xib中元素进行链接的过程,一样,拖动"xib中的控件的动做"到File's Owner的时候,就是将xib中该动做的响应与Custom Class中某个IBAction进行链接的过程。

     所以,在存在多个xib文件的状况下,即:有多个View,那么每一个View能够采用不一样的ViewController,也能够所有采用相同的一个ViewController,经过File's Owner进行关联便可。

     其实,File's Owner就是Custom Class类型的对象,而xib中的其余元素都是该对象的成员变量,可是须要手动来关联Custom Class中的成员变量与xib中对象之间的关系。

 

5. First Responder

     View中每次只会有一个对象与用户进行交互,那么当前交互的对象即为First Responder。好比点击文本框,那么此时文本框就是First Responder

 

6. IB中的File's Owner是一个对象,拥有界面元素的拷贝

 

 

一个是IBOutlet :指界面元素在代码中的’代号‘

一个是IBAction:指界面元素产生事件在代码中的触发函数

 

 

来源:http://blog.csdn.net/donhao/article/details/7088446