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

UIScrollView属性总结

2014-07-02 09:14 225 查看
一、UIScrollView常用属性

1、UIScrollView

iPhone屏幕大小限制了内容的显示,UIScrollView 类提供了屏幕滚动功能。

UIScrollView是所有滑动视图的基类。以后将要学到的UITableView,UITextView等视图都是继承于该类。

使用场景:显示不下(单张大图);内容太多(图文混排);需要滚动;滚动头条(图片);相册等。

另外,UIScrollView还支持处理缩放的动作,比如图片的缩小或者地图

2、UIScrollView滚动常用属性

contentSize定义内容区域大小,决定是否能够滑动

contentOffset屏幕左上角距离坐标原点的偏移量

scrollsToTop滑动到顶部(点状态条的时候)

pagingEnabled是否整屏翻动

bounces边界是否回弹

scrollEnabled判断控件是否能够滚动

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

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

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

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

3、UIScrollView缩放常用属性

minimumZoomScale缩小的最小比例

maximumZoomScale放大的最大比例

zoomScale设置变化的比例

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

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

二、UIScrollView代理方法

1、UIScrollView滚动代理方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView滚动就会触发

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView开始拖拽时触发

-(void)scrollViewDidEndDragging:(UIScrollView*)scrollViewwillDecelerate:(BOOL)decelerate结束拖拽时触发

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView开始减速时触发

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView结束减速时触发

2、UIScrollView缩放代理方法

-(void)scrollViewDidEndZooming:(UIScrollView*)scrollView withView:(UIView *)view atScale:(float)scale完成放大缩小触发

-(UIView*)viewForZoomingInScrollView:(UIScrollView *)scrollView指定某个UIScrollViewd的子视图可以被放大缩小

三、UIPageControl

用于指示当前第几页(代码),通常与UIScrollView配合使用

currentPage当前页

numberOfPages指定页面的个数

UIPageControl从类名可以看书,其父类是UIControl。

所以可以像button一样添加时间,只不过触发使用的不是UIControlEventsTouchUpInside而是UIControlEventsValueChanged

四、UIPageControl和UIScrollView相结合

五,总结

1、UIScrollView的常用属性设置,以及UIScrollView的缩放效果

2、UIScrollView常用的代理方法,以及代理方法的执行顺序

3、UIPageControl的常用属性以及作用

4、UIPageControl和UIScrollView的结合使用

六,代码演示

self.scrollView
= [[UIScrollViewalloc]initWithFrame:CGRectMake(20,150,280,280)];

//滚动大小宽度和高度必须大于设置的scrollView的宽度和高度

self.scrollView.contentSize
= CGSizeMake(840, 280);

self.scrollView.delegate
= self;

self.scrollView.backgroundColor
= [UIColorcyanColor];

[self.viewaddSubview:self.scrollView];

//加入和scrollView的frame一样大小

UIImageView * imageView = [[UIImageViewalloc]initWithFrame:CGRectMake(0,
20, 280, 280)];

[imageView setImage:[UIImageimageNamed:@"Fate
Zero2.jpg"]];

UIImageView * imageView2 = [[UIImageViewalloc]initWithFrame:CGRectMake(280,
20, 280, 280)];

[imageView2 setImage:[UIImageimageNamed:@"Fate
Zero3.jpg"]];

//设置边界是否回弹

scrollView.bounces = YES;

//scrollView的左上角距离坐标原点的偏移量(相当于设置初始位置)

scrollView.contentOffset = CGPointMake(-100, -100);

//滑动到顶部(点状态条的时候)

scrollView.scrollsToTop = YES;

//是否整屏翻动

scrollView.pagingEnabled = YES;

//图片是否滚动

scrollView.scrollEnabled = NO;

[self.scrollViewaddSubview:imageView];

[self.scrollViewaddSubview:imageView2];

//1、给scrollView指定放大缩小的范围

self.scrollView.maximumZoomScale
= 100.0;//最大放大2倍

self.scrollView.minimumZoomScale
= 0.5;//最小缩小到一半

[self.scrollViewrelease];

self.pageControl
= [[UIPageControlalloc]initWithFrame:CGRectMake(20,
150, 280, 20)];

self.pageControl.numberOfPages
= 10;

self.pageControl.backgroundColor
= [UIColordarkGrayColor];

[self.pageControladdTarget:selfaction:@selector(pageControlAction:)forControlEvents:UIControlEventValueChanged];

[self.viewaddSubview:self.pageControl];

self.pageControl.tintColor
= [UIColorredColor];

[self.pageControlrelease];

-(void)pageControlAction:(UIPageControl*)pageControl

{

if (pageControl.currentPage == 0) {

self.scrollView.contentOffset = CGPointMake(0, 20);

}else if (pageControl.currentPage == 1){

self.scrollView.contentOffset = CGPointMake(280, 20);

}else if (pageControl.currentPage == 2){

self.scrollView.contentOffset = CGPointMake(560, 20);

}

//无动画效果

self.scrollView.contentOffset = CGPointMake(self.scrollView.frame.size.width * pageControl.currentPage, 0);

//有动画效果

[self.scrollViewsetContentOffset:CGPointMake(self.scrollView.frame.size.width
* pageControl.currentPage, 0)animated:NO];

}

//只要滚动就会触发

-(void)scrollViewDidScroll:(UIScrollView
*)scrollView

{

int number =self.scrollView.contentOffset.x
/ self.scrollView.frame.size.width;

_pageControl.currentPage
=number;

}

//开始拖拽时触发

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//结束拖拽时触发

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

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//开始减速时候触发(慢慢拖拽不触发)

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//结束减速时候触发

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

}

//完成放大缩小触发

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

{

}

//2、指定某个UIScrollView的子视图可以被放大缩小

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

{

for (UIView
* view inself.scrollView.subviews)
{

return view;

}

returnnil;

}

-(void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

{

NSLog(@"图片开始放大或者缩小");

}

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

{

NSLog(@"图片结束放大或者缩小");

}

属性总结
属性作用
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中的位置
UIScrollViewIndicatorStyle

indicatorStyle
设定滚动条的样式
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控制控件滚动到顶部

这里把UIScrollView的几个要点总结下:
从你的手指touch屏幕开始,scrollView开始一个timer,如果:
1. 150ms内如果你的手指没有任何动作,消息就会传给subView。
2. 150ms内手指有明显的滑动(一个swipe动作),scrollView就会滚动,消息不会传给subView,这里就是产生问题二的原因。
3. 150ms内手指没有滑动,scrollView将消息传给subView,但是之后手指开始滑动,scrollView传送touchesCancelled消息给subView,然后开始滚动。
观察下tableView的情况,你先按住一个cell,cell开始高亮,手不要放开,开始滑动,tableView开始滚动,高亮取消。

delaysContentTouches的作用:
这个标志默认是YES,使用上面的150ms的timer,如果设置为NO,touch事件立即传递给subView,不会有150ms的等待。

cancelsTouches的作用:
这个标准默认为YES,如果设置为NO,这消息一旦传递给subView,这scroll事件不会再发生。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: