`
风尘哥哥
  • 浏览: 3409 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

UIScrollView的使用大全<摘抄>

阅读更多

UIScrollView 原理详解


ScrollView

 

       UIScrollView

     UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。

                 Scroll View为你处理缩小放大手势,UIScrollView实现了这些手势,并且替你处理对于它们的探测和回应。其中需要注意的子类是UITableView以及UITextView(用来显示大量的文字)。还有一个UIWebView,尽管那不是UIScrollView的直接子类,它适用UIScrollView去显示网页内容

        contentsize是内容的宽和高,contentsize.width是内容的宽度,contentsize.heght是高度,contentsizeUIScrollView的一个属性,它是一个CGSize,是由核心图形所定义的架构,那定义了你可以滚轴内容的宽度和高度,你也可以添加可以上下滚动的额外区域。第一种方法是你可以通过添加内容的大小来完成。另外一个比较动态的选择是UIScrollView的另一个属性contentInsetcontentInset增加你在contentsize中指定的内容能够滚动的上下左右区域数量contentInset.top以及contentInset.buttom分别表示上面和下面的距离。

           在滚轴视图中,有一个叫做ContentOffset的属性跟踪UIScrollView的具体位置,你能够自己获取和设置它,ContentOffset是你当前可视内容在滚轴视图边界的左上角那个点。如图:


           可以看出,ContentOffset内容中的那个点不是从contentInset的左上角开始的,而是内容的左上角,此时的ContentOffset是正值,但有时也是负值,如下图所示:

使用一个ScrollView

     创建一个UIScrollView

             CGRectframe = CGRectMake( 0, 0, 200, 200);

              scrollView= [[UIScrollView alloc] initWithFrame: frame];

    添加子视图(框架可以超过scroll view的边界)

            frame= CGRectMake( 0, 0, 500, 500);

            myImageView= [[UIImageView alloc] initWithFrame: frame];

           [scrollViewaddSubview:myImageView];

    设置内容尺寸

           scrollView.contentSize= CGSize(500,500);

 

扩展Scroll View 的行为

      应用程序通常需要知道有关的滚图的事件

            scrolloffset改变的时候

           拖动开始和结束

            减速的开始和结束

 

通过子类化扩展Scroll View 的行为

        创建一个子类

        重写一些功能并改变行为

        关于这种方式的争议

               应用程序的逻辑和行为变成了视图本身的一部分,就像,你可能有一些定制的滚轴逻辑,,在那你只在意一个视图控制,但你想在不同地方重复使用你的滚轴视图,如果你必须为每个都子类化,你最后会有很多不同的滚轴视图子类以及在视图中的特定应用逻辑。

              编写很多子类是很沉闷的事情,你最后会有很多无法重复使用的单独视图,而MVC的视图部分的一个重点是视图是可以在不同的控制器和不同的模式之中重复使用的,如果我们把所有逻辑都放在视图中,它减少了可复用性。

              你的代码变得很牢固地配对在一起,它实际上变成了超类的一部分,你无法从UIScrollView中析取它,之后用其它东西代替,如果它在你控制器中且为控制器的一部分,在之后更容易改变它工作的方式和重新安排你应用程序的一些部分。

 

通过委派来扩展Scroll View 的行为(常用的)

         委派是一个单独的对象,协议,定义了委派会实现的一系列功能的Objective-C协议,它创建了一系列很清晰的撤销点,在那里你能定制行为和外观。它在这些对象之间保持了松散的配对,视图本身与视图控制器或任何其它的控制器对象,委派不是滚轴视图的直接子类,它比起牢固配对的子类更加的松散。


 

 

 

首先引用别人分析一篇不错的文章,同时也感谢这位朋友的分享:http://www.cocoachina.com/iphonedev/sdk/2010/1224/2503.html   

 在滚动过程当中,其实是在修改原点坐标。当手指触摸后, scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么 scroll view 发送 tracking events 到被点击的 subview。假如在计时器到点前发生了移动事件,那么 scroll view 取消 tracking 自己发生滚动。

    子类可以重载

touchesShouldBegin:withEvent:inContentView: 决定自己是否接收 touch 事件
pagingEnabled:当值是 YES 会自动滚动到 subview 的边界,默认是NO
touchesShouldCancelInContentView: 开始发送 tracking messages 消息给 subview 的时候调用这个方法,决定是否发送 tracking messages 消息到subview。假如返回 NO,发送。YES 则不发送。
假如 canCancelContentTouches属性是NO,则不调用这个方法来影响如何处理滚动手势。

    scroll view 还处理缩放和平移手势,要实现缩放和平移,必须实现委托 viewForZoomingInScrollView:、scrollViewDidEndZooming:withView:atScale:
两个方法。另外 maximumZoomScale和minimumZoomScale 两个属性要不一样。

几个属性介绍

tracking
当 touch 后还没有拖动的时候值是YES,否则NO

zoomBouncing
当内容放大到最大或者最小的时候值是 YES,否则 NO

zooming
当正在缩放的时候值是 YES,否则 NO

decelerating
当滚动后,手指放开但是还在继续滚动中。这个时候是 YES,其它时候是 NO

decelerationRate
设置手指放开后的减速率

maximumZoomScale
一个浮点数,表示能放最大的倍数

minimumZoomScale 
一个浮点数,表示能缩最小的倍数

pagingEnabled
当值是 YES 会自动滚动到 subview 的边界。默认是NO

scrollEnabled
决定是否可以滚动

delaysContentTouches
是个布尔值,当值是 YES 的时候,用户触碰开始,scroll view要延迟一会,看看是否用户有意图滚动。假如滚动了,那么捕捉 touch-down 事件,否则就不捕捉。假如值是NO,当用户触碰, scroll view 会立即触发 touchesShouldBegin:withEvent:inContentView:,默认是 YES

canCancelContentTouches
当值是 YES 的时候,用户触碰后,然后在一定时间内没有移动,scrollView 发送 tracking events,然后用户移动手指足够长度触发滚动事件,这个时候,scrollView 发送了 touchesCancelled:withEvent: 到 subview,然后 scroView 开始滚动。假如值是 NO,scrollView 发送 tracking events 后,就算用户移动手指,scrollView 也不会滚动。

contentSize
里面内容的大小,也就是可以滚动的大小,默认是0,没有滚动效果。

showsHorizontalScrollIndicator
滚动时是否显示水平滚动条

showsVerticalScrollIndicator
滚动时是否显示垂直滚动条

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

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

directionalLockEnabled
默认是 NO,可以在垂直和水平方向同时运动。当值是 YES 时,假如一开始是垂直或者是水平运动,那么接下来会锁定另外一个方向的滚动。 假如一开始是对角方向滚动,则不会禁止某个方向

indicatorStyle
滚动条的样式,基本只是设置颜色。总共3个颜色:默认、黑、白

scrollIndicatorInsets
设置滚动条的位置

最后加上,我刚定的一个例子,可以缩放,及对使用的代理方法加了注释

 

 

 

//  ScrollViewViewController.m

//  ScrollView

//

//  Created by ch_soft on 11-11-8.

//  Copyright 2011 __MyCompanyName__. All rights reserved.

//

 

#import"ScrollViewViewController.h"

#import"CustomA.h"

#import"CustomB.h"

 

@implementation ScrollViewViewController

 

- (void)didReceiveMemoryWarning

{

   // Releases the view if it doesn't have a superview.

    [superdidReceiveMemoryWarning];

    

   // Release any cached data, images, etc that aren't in use.

}

 

#pragma mark - View lifecycle

 

 

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.

- (void)viewDidLoad

{

   scrollview =[[UIScrollViewalloc]initWithFrame:CGRectMake(50,0,200,400)];

    scrollview.contentSize=CGSizeMake(400,400);

   scrollview.backgroundColor=[UIColororangeColor];

   scrollview.pagingEnabled=YES;//是否自己动适应

    

   viewA=[[CustomAalloc]initWithFrame:CGRectMake(50,0,100,400)];

   viewA.backgroundColor=[UIColorblueColor];

    [scrollviewaddSubview:viewA];

    [viewArelease];

    

    CustomB * viewB=[[CustomB allocinitWithFrame:CGRectMake(250,0,100,400)];

    viewB.backgroundColor=[UIColoryellowColor];

    [scrollviewaddSubview:viewB];

    [viewB release];

    

    [self.viewaddSubview:scrollview];

   scrollview.maximumZoomScale=2.0;

   scrollview.minimumZoomScale=0.5;

//    scrollview.decelerationRate=1;

   scrollview.delegate=self;

   //canCancelContentTouches:YES-移动手指足够长度触发滚动事件,NO-scrollView发送 tracking events 后,就算用户移动手指,scrollView也不会滚动。

   scrollview.canCancelContentTouches=NO;

    

    //当值是 YES的时候,用户触碰开始.要延迟一会,看看是否用户有意图滚动。假如滚动了,那么捕捉 touch-down事件,否则就不捕捉。假如值是NO,当用户触碰, scroll view会立即触发

   scrollview.delaysContentTouches=YES;

    [scrollviewrelease];

    [superviewDidLoad];

}

 

 

#pragma mark UIScrollViewDelegate

//只要滚动了就会触发

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

{

//    NSLog(@" scrollViewDidScroll");

    NSLog(@"ContentOffset  x is  %f,yis %f",scrollView.contentOffset.x,scrollView.contentOffset.y);

}

//开始拖拽视图

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

{

   NSLog(@"scrollViewWillBeginDragging");

}

//完成拖拽

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate; 

{

   NSLog(@"scrollViewDidEndDragging");

}

//将开始降速时

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

{

   NSLog(@"scrollViewWillBeginDecelerating");

}

 

//减速停止了时执行,手触摸时执行执行

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

{

   NSLog(@"scrollViewDidEndDecelerating");

}

//滚动动画停止时执行,代码改变时出发,也就是setContentOffset改变时

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

{

   NSLog(@"scrollViewDidEndScrollingAnimation");

}

//设置放大缩小的视图,要是uiscrollviewsubview

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;   

{

   NSLog(@"viewForZoomingInScrollView");

    return viewA;

}

//完成放大缩小时调用

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale; 

{

    viewA.frame=CGRectMake(50,0,100,400);

   NSLog(@"scale between minimum and maximum. called after any 'bounce' animations");

}// scale between minimum and maximum. called after any 'bounce' animations

 

//如果你不是完全滚动到滚轴视图的顶部,你可以轻点状态栏,那个可视的滚轴视图会一直滚动到顶部,那是默认行为,你可以通过该方法返回NO来关闭它

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   

{

    NSLog(@"scrollViewShouldScrollToTop");

   returnYES;

}

 

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

{

    NSLog(@"scrollViewDidScrollToTop");

}

 

 

 

- (void)viewDidUnload

{

    [super viewDidUnload];

   // Release any retained subviews of the main view.

   // e.g. self.myOutlet = nil;

}

 

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

   // Return YES for supported orientations

    return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

 

@end

 

分享到:
评论

相关推荐

    UIScrollView使用自动布局

    本示例“UIScrollView使用自动布局”旨在演示如何在故事板(Storyboard)环境中利用AutoLayout来设置UIScrollView的子视图及其内容尺寸,从而实现自适应的滚动效果。以下将详细介绍如何操作和理解这一知识点。 首先...

    UIScrollView、UIScrollView基本用法、UIScrollView详解

    2. **UIScrollView 的简单使用步骤** - **添加内容视图**:首先需要将想要展示的内容添加到 UIScrollView 内部,这通常是指 UIView 子类的实例,比如 UILabel、UIImageView 或者自定义视图等。 - **设置 ...

    ios-scrollerView适配.zip

    "ios-scrollerView适配.zip"这个压缩包文件很可能包含了一些关于如何在iOS应用中正确适配和使用UIScrollView的资料。在这个场景下,我们将深入探讨滚动视图的关键知识点。 首先,UIScrollView是iOS SDK中的一个基础...

    ios UIScrollView 使用例子

    在iOS开发中,UIScrollView是一个非常重要的控件,它允许用户在内容区域大于屏幕显示范围时进行滚动查看。在本教程中,我们将深入探讨如何在实际项目中应用UIScrollView,并通过一个具体的例子“PhotosBrowse”来...

    UISCrollView与UITableView嵌套使用

    @interface InfoCell : UITableViewCell &lt;UITableViewDataSource, UITableViewDelegate&gt; @property (nonatomic, strong) UITableView *horTable; @end @implementation InfoCell - (id)initWithStyle:...

    iOS UIScrollView 详细使用说明

    从给定的信息中,我们可以提炼出关于iOS中UIScrollView的重要知识点,尽管部分文本似乎是加密或乱码,但基于标题、描述和部分可识别的关键字,以下是对UIScrollView详细使用说明的解析和扩展。 ### iOS中...

    UIScrollView使用在故事板中使用自动布局实现滚动

    UIScrollView使用在故事板中使用自动布局来实现滚动, 这个demo是垂直方向的滚动 相关介绍在 http://blog.csdn.net/h1101723183/article/details/41895479

    UIScrollView自适应高度或宽度

    以上就是使用Objective-C实现UIScrollView自适应高度或宽度的基本步骤和关键点。Swift开发者可以通过Swift的Auto Layout API来实现相同的功能,虽然语法不同,但基本思路是一致的。在实际项目中,可能需要结合特定...

    ios UIScrollView响应touch事件

    在iOS开发中,UIScrollView是一个非常重要的控件,它允许用户通过滚动来查看超过屏幕大小的内容。在处理触摸事件时,UIScrollView具有独特的机制,使得开发者能够实现丰富的交互效果。本篇文章将深入探讨`...

    iOS:UIScrollView实现轮播

    以下将详细介绍如何使用UIScrollView来实现轮播功能。 首先,我们需要了解UIScrollView的基本用法。UIScrollView有一个contentSize属性,定义了可滚动内容的大小,而scrollIndicatorInsets则用来设置滚动条的内边距...

    UIScrollView 用法详解

    本文将深入解析UIScrollView的使用方法,包括基本设置、内容布局、滚动操作以及自定义行为。 首先,我们需要了解UIScrollView的基本结构。一个UIScrollView通常包含一个或多个子视图,这些子视图构成了可滚动的内容...

    UIScrollView Demo代码

    这个"UIScrollView Demo"代码示例是开发者为了展示如何有效地使用UIScrollView来实现滚动视图功能而创建的。在这个项目中,我们可能会看到如何将UIImageVIew集成到UIScrollView中,以便用户可以浏览多张图片或者长篇...

    uiscrollview uitableview上拉刷新

    if tableView.contentOffset.y + tableView.frame.size.height &gt;= tableView.contentSize.height - 50 { // 当内容距离底部50像素时,触发加载更多 loadMoreData() } } } ``` 四、第三方库:`MJRefresh` 为了...

    UIScrollView自动轮播图

    为了添加图片到`UIScrollView`,我们可以使用`UIImageView`作为子视图,并将其添加到`UIScrollView`上。 ```swift for index in 0..&lt;imageCount { let imageView = UIImageView(image: UIImage(named: images...

    swift-UIScrollView视觉差效果仿凤凰新闻的推荐新闻版块效果

    func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer&lt;CGPoint&gt;) { // 根据velocity和targetContentOffset计算动画效果 } ```...

    UISCrollView+UITableView

    当需要实现类似网易新闻首页那样,既有图片轮播又有列表数据展示的效果时,通常会结合`UISCrollView`和`UITableView`进行使用。现在,让我们深入探讨这两种控件的结合使用及其背后的原理。 首先,`UISCrollView`是...

    UIScrollView图片定时滚动和点击

    在`ViewController`中,`&lt;UIScrollViewDelegate&gt;`表明该类遵循了`UIScrollViewDelegate`协议,这意味着它可以响应`UIScrollView`的各种事件,如滚动、拖动等。 `- (id)initWithNibName:(NSString *)nibNameOrNil ...

    UIScrollview图片截取-放大-缩小

    在iOS开发中,UIScrollView是一个常用的控件,...开发者需要熟悉Objective-C语言,理解iOS图形上下文的概念,以及熟练掌握UIScrollView的使用。通过这个实践,开发者可以提升在移动应用中处理图像和用户交互的能力。

    UIPageControl+UIScrollView

    UIPageControl继承了UIControl基类,默认属于活动控件,它可以与用户进行交互...使用UIPageControl显示当前的UIScrollView正在显示第几页。 当用户点击UIPageControl控件时程序控制UIScrollView自动滚动到相应的页面。

    UIScrollView简单实例

    这个实例通过使用UIScrollView和UIPageControl,为用户提供了直观的页面滑动体验。 首先,我们需要理解UIScrollView的核心概念。UIScrollView是苹果iOS SDK中的一个关键控件,它允许用户在超过屏幕大小的内容中进行...

Global site tag (gtag.js) - Google Analytics