您的位置:首页 > 产品设计 > UI/UE

UIScrollView和UITableView总结

2015-11-26 23:09 134 查看
本文参考:
http://tanxiaoya105.blog.163.com/blog/static/210328019201211785755615/ http://www.cnblogs.com/xumei/p/3778595.html?utm_source=tuicool
/article/10659984.html

IOS中UIScrollView的属性和委托方法

一、创建

1. CGRect bounds = [ [ UIScreen mainScreen ] applicationFrame ] ;

2. UIScrollView* scrollView = [ [UIScrollView alloc ] initWithFrame:bounds ];

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

[ scrollView addSubview:myView];

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

scrollView.contentSize = myView.frame.size;

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

1. scrollView.maxinumZoomScale = 2.0;//允许放大2倍

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

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

1. scrollView.delegate = self;

2. - (UIView*)viewForZoomingInScrollView:(UIScrollView*)scrollView{

3. retutn myView;

4. }

二、属性

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

1.indicatorStyle

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

1. UIScrollViewIndicatorStyleDefault

2. UIScrollViewIndicatorStyleBlack

3. UIScrollViewIndicatorStyleWhite

2.contentOffset

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

3.directionalLockEnabled

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

4.bounces

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

5.bouncesZoom

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

6.pagingEnabled

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

三、委托方法

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

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

动态加载

iphone(UITableViewCell)动态加载图片http://developer.apple.com/library/ios/#samplecode/LazyTableImages/Introduction/Intro.html

其实在iphone上面是实现图片的动态加载,其实也不是很难,其中只要在代理中实现方法就可以

首先在头文件中声明使用到的代理 如

@interface XXX : UIViewController

然后在.m中实现

//滚动停止的时候在去获取image的信息来显示在UITableViewCell上面

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

{

if (!decelerate)

{

[self loadImagesForOnscreenRows];

}

}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

[self loadImagesForOnscreenRows];

}

//

- (void)loadImagesForOnscreenRows

{

if ([self.entries count] > 0)

{

NSArray *visiblePaths = [self.tableView indexPathsForVisibleRows];

for (NSIndexPath *indexPath in visiblePaths)

{

AppRecord *appRecord = [self.entries objectAtIndex:indexPath.row];

if (!appRecord.appIcon) // avoid the app icon download if the app already has an icon

{

[self startIconDownload:appRecord forIndexPath:indexPath];

}

}

}

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

………//初始化UITableView的相关信息

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell == nil)

{

cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle

reuseIdentifier:CellIdentifier] autorelease];

cell.selectionStyle = UITableViewCellSelectionStyleNone;

}

………

if (!appRecord.appIcon)//当UItableViewCell还没有图像信息的时候

{

if (self.tableView.dragging == NO && self.tableView.decelerating == NO)//table停止不再滑动的时候下载图片(先用默认的图片来代替Cell的image)

{

[self startIconDownload:appRecord forIndexPath:indexPath];

}

cell.imageView.image = [UIImage imageNamed:@"Placeholder.png"];

}

else//当appReacord已经有图片信息的时候直接显示

{

cell.imageView.image = appRecord.appIcon;

}

}

以上就是动态加载的主要的代码实现(其中不包括从网络上面下载图片信息等操作)

*************************************

因为我们创建UITableviewCell的时候是以重用的方式来创建,所以就相当于说第一屏显示的cell就是以后显示数据和图片的基础,因为后面数据超出一平的时候,我们只是改变数据的显示,并没有为每一个cell的数据元创建相应的一个UITableViewCell(这样非常的浪费内存),要是我们没有实现

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView



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

代理的时候,当我们滚动UITableView的时候TableView 就是按照顺序来加载图片的信息资源,这样当我们用力滚动Table的时候就感觉相当的卡,(其实UITableView实在一个个的显示出cell的信息)

当我们实现了以上代理的话,就可以实现在tableView滚动停止的时候,在去加载数据信息,这样滚动期间的tableViewCell就可以用默认的图片信息来显示了。

contentSize、contentInset和contentOffset 是 scrollView三个基本的属性。

contentSize: The size of the content view. 其实就是scrollview可以滚动的区域,比如frame = (0
,0 ,320 ,480) contentSize = (320 ,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。

contentOffset:The point at which the origin of the content view is offset from
the origin of the scroll view. 是scrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0 ,480),也就是y偏移了480

contentInset:The distance that the content view is inset from the enclosing scroll
view.是scrollview的contentview的顶点相对于scrollview的位置,例如你的contentInset = (0 ,100),那么你的contentview就是从scrollview的(0 ,100)开始显示
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: