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状态条时，滚动视图委托可以决定视图是否滚动回到开头。

       

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

 

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

 

 

实例：

 

viewcontroller.h

 

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
{
    __weak IBOutlet UIScrollView *scroller;
}

@end

 

viewcontroller.m

 

- (void)viewDidLoad
{
    [scroller setScrollEnabled:YES];
    [scroller setContentSize:CGSizeMake(320, 1600)];
    
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
}

- (void)viewDidUnload
{

    scroller = nil;
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
}

 

 

拖拽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