ios：详解UIScrollView

 

首先实现UIScrollViewDelegate协议：

 

1. #import <UIKit/UIKit.h>
   
2.  
3. @interface Activity01ViewController :UIViewController<UIScrollViewDelegate>{
   
4.     UIScrollView *myscrollview;
   
5. }
   
6. @property (nonatomic,retain) UIScrollView *myscrollview;
   
7. @end

 

 

实现协议的下列方法:

 

1. #import <UIKit/UIKit.h>
   
2.  
3. @interface Activity01ViewController : UIViewController<UIScrollViewDelegate>{
   
4.     UIScrollView *myscrollview;
   
5. }
   
6. @property (nonatomic,retain) UIScrollView *myscrollview;
   
7. @end

 

 

对myscrollview进行初始化：

 

1. - (void)viewDidLoad
   
2. {
   
3.     [super viewDidLoad];
   
4.     // Do any additional setup after loading the view, typically from a nib.
   
5.     myscrollview = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 44,768, 1004)];
   
6.     myscrollview.directionalLockEnabled = YES; //只能一个方向滑动  
   
7.     myscrollview.pagingEnabled = NO; //是否翻页
   
8.     myscrollview.backgroundColor = [UIColor blackColor]; 
   
9.     myscrollview.showsVerticalScrollIndicator =YES; //垂直方向的滚动指示
   
10.     myscrollview.indicatorStyle = UIScrollViewIndicatorStyleWhite;//滚动指示的风格
    
11.     myscrollview.showsHorizontalScrollIndicator = NO;//水平方向的滚动指示
    
12.     myscrollview.delegate = self;
    
13.     CGSize newSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height+1);
    
14.     [myscrollview setContentSize:newSize];
    
15.     
    
16.     float x=0;
    
17.     float y=0;
    
18.     float width =768;
    
19.     float height = 1004;
    
20.     
    
21.     UIImageView *myimage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Activity01.png"]];
    
22.     //[myimage setContentMode:UIViewContentModeScaleAspectFill];
    
23.     [myimage setFrame:CGRectMake(x, y, width, height)];
    
24.     [myscrollview addSubview:myimage];
    
25.     
    
26.     
    
27.     [self.view addSubview:myscrollview];
    
28. }

 

 

属性总结：

属性                            作用

CGPoint contentOffSet  监控目前滚动的位置

CGSize contentSize      滚动范围的大小

UIEdgeInsets contentInset  视图在scrollView中的位置

id<UIScrollerViewDelegate> delegate  设置协议

BOOL directionalLockEnabled 指定控件是否只能在一个方向上滚动

BOOL bounces                      控制控件遇到边框是否反弹

BOOL alwaysBounceVertical   控制垂直方向遇到边框是否反弹

BOOL alwaysBounceHorizontal 控制水平方向遇到边框是否反弹

BOOL pagingEnabled             控制控件是否整页翻动

BOOL scrollEnabled               控制控件是否能滚动

BOOL showsHorizontalScrollIndicator 控制是否显示水平方向的滚动条

BOOL showsVerticalScrollIndicator 控制是否显示垂直方向的滚动条

UIEdgeInsets scrollIndicatorInsets 指定滚动条在scrollerView中的位置

UIScrollViewIndicatorStyleindicatorStyle 设定滚动条的样式

float decelerationRate                  改变scrollerView的减速点位置

BOOL tracking                            监控当前目标是否正在被跟踪

BOOL dragging                           监控当前目标是否正在被拖拽

BOOL decelerating                       监控当前目标是否正在减速

BOOL delaysContentTouches         控制视图是否延时调用开始滚动的方法

BOOL canCancelContentTouches    控制控件是否接触取消touch的事件

float minimumZoomScale             缩小的最小比例

float maximumZoomScale            放大的最大比例

float zoomScale                           设置变化比例

BOOL bouncesZoom                     控制缩放的时候是否会反弹

BOOL zooming                             判断控件的大小是否正在改变

BOOL zoomBouncing                     判断是否正在进行缩放反弹

BOOL scrollsToTop                        控制控件滚动到顶部

注意：

1、使scrollview不要上下滑动，可以设置

scrollview.contentSize =  CGSizeMake(你要的长度, 0);

 

协议方法解释：

 

1. #pragma mark UIScrollViewDelegate
   
2. //只要滚动了就会触发
   
3. - (void)scrollViewDidScroll:(UIScrollView *)scrollView;   
   
4. {
   
5. //    NSLog(@" scrollViewDidScroll");
   
6.     NSLog(@"ContentOffset  x is  %f,yis %f",scrollView.contentOffset.x,scrollView.contentOffset.y);
   
7. }
   
8. //开始拖拽视图
   
9. - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;   
   
10. {
    
11.    NSLog(@"scrollViewWillBeginDragging");
    
12. }
    
13. //完成拖拽
    
14. - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate; 
    
15. {
    
16.    NSLog(@"scrollViewDidEndDragging");
    
17. }
    
18. //将开始降速时
    
19. - (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;   
    
20. {
    
21.    NSLog(@"scrollViewWillBeginDecelerating");
    
22. }
    
23.  
24. //减速停止了时执行，手触摸时执行执行
    
25. - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;   
    
26. {
    
27.    NSLog(@"scrollViewDidEndDecelerating");
    
28. }
    
29. //滚动动画停止时执行,代码改变时出发,也就是setContentOffset改变时
    
30. - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;
    
31. {
    
32.    NSLog(@"scrollViewDidEndScrollingAnimation");
    
33. }
    
34. //设置放大缩小的视图，要是uiscrollview的subview
    
35. - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;   
    
36. {
    
37.    NSLog(@"viewForZoomingInScrollView");
    
38.     return viewA;
    
39. }
    
40. //完成放大缩小时调用
    
41. - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale; 
    
42. {
    
43.     viewA.frame=CGRectMake(50,0,100,400);
    
44.    NSLog(@"scale between minimum and maximum. called after any 'bounce' animations");
    
45. }// scale between minimum and maximum. called after any 'bounce' animations
    
46.  
47. //如果你不是完全滚动到滚轴视图的顶部，你可以轻点状态栏，那个可视的滚轴视图会一直滚动到顶部，那是默认行为，你可以通过该方法返回NO来关闭它
    
48. - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   
    
49. {
    
50.     NSLog(@"scrollViewShouldScrollToTop");
    
51.    returnYES;
    
52. }
    
53.  
54. - (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;     
    
55. {
    
56.     NSLog(@"scrollViewDidScrollToTop");
    
57. }

知识点总结：

其实滚动的效果主要的原理是修改他的坐标，准确的讲是修改原点坐标

 

一定要设置UIScrollView的pagingEnable为YES。不然你就是设置好了其他属性，它还是无法拖动

 

UIScrollView分页的实现

UIScrollView的经典例子就是safari的编辑模式了

UIScrollView可以垂直，水平滚动。

如果属性pageEnabled = YES，则设置其为分页模式，那么没滚动一次就是一页，垂直方向上的一页就是UIScrollView的高度，水平方向就是其宽度。

我们可以设置contentSize，这就是UIScrollView可以滚动的最大区域了。

UIScrollView没有datasource的概念，因为这就是一个view，具体view中的内容摆放完全随意，只是每次都会滚动固定的页面大小。

比如我们有5个页面，我们需要自己计算每个页面的位置，将其水平放在UIScrollView上。

contentSize则设置为5*每个页面的宽度，每个页面的高度。

如果contentSize的高度或这宽度正好与UIScrollView的高度或宽度相等，则在该方向上不能滚动。

具体例子可以查看官方文档的例子，PageControl。

注意：UIScrollView不会带有分页的指示符号，需要利用UIPageControl控制。

 

但是要想做到safari的效果，我们需要一个小技巧，因为在safari中，当前页时可以看到前后两页的部分内容。

注意：分页的宽度不能修改，所以我们只能缩小UIScrollView的宽度，让其不要占满整个屏幕，同时设置clipsToBouds属性为NO，这样超出范围的视图也会显示，这样就能看到前后两页的内容，当然需要设置前后两页的alpha值为0.5，做出一个透明效果。

在UIScrollView的滚动事件中，判断位置，当一个页面出现的区域超过1半时，设置alpha为1，小于1半时设置alpha为0.5

 

现在还有一个问题：UIScrollView的滑动事件响应区域变小了，因为UIScrollView本身变小了，其余我们看到的页面在区域之外，因此我们需要重写UIScrollView所在的parentView的hittest事件，在其他区域的事件返回值为UIScrollView对象，这样用户感觉整个屏幕都是UIScrollView在响应了。

 

frame.size.width可视范围
contentSize  内部的范围只要大于可视范围，就可以卷动

若你要分页
frame.size.width   就是你一页宽度  , 假设= 280


你若要有三页
则你的contentSize宽至少要大于280 *2 +1 但小於等於 280*3，它就会有三页

 

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    CGPoint offsetofScrollView = contentScrollView.contentOffset;
    这里换成你的计算，想让它停到哪就让它停到哪//offsetofScrollView.x = ceil(offsetofScrollView.x/78)*78;
    [contentScrollView setContentOffset:offsetofScrollView];
}

 

总结：contentSize  的确定？？？