详解UIScrollView

来源:互联网 发布:常用的sql语句大全 编辑:程序博客网 时间:2024/06/07 19:12

scrollView.contentSize=CGSizeMake(320,num*ImageHeight);


IOS中,UIScrollView是可以滚动的视图,其中最常用的UITableView就是继承了UIScrollView。

跟所有的view一样,UIScrollView有一个frame属性,同时,UIScrollView还具有contentSize、contentOffset和contentInset属性。我在学习中,就觉得其中contentSize和contentOffset相对比较好理解,对contentInset就有点不太好理解。下面具体解释一下。

contentSize是UIScrollView可以滚动的区域。在我的理解中,我把UIScrollView看成是具有上下两层的一个复合视图,frame控制着上层的大小,我们看到的UIScrollView的大小实际就是frame的大小,上层固定不动,显示的变化,由下层的滚动来控制。而下层滚动的区域的大小,就是由contentSize来控制的了。例如:若frame = (0, 0, 320, 480) contentSize = (320, 960),代表本UIScrollView可以上下滚动,滚动区域为frame大小的两倍。

contentOffset是UIScrollView当前显示区域的顶点相对于frame顶点的偏移量,例如上面的例子如果拉到最下面,则contentOffset就是(0, 480),也就是y偏移了480.

contentInset的API文档的解释是"内容视图嵌入到封闭的滚动视图的距离"(哈,英文不是很好,翻译的不好)。可以理解为内容视图的上下左右四个边扩展出去的大小。contentInset的单位是UIEdgeInsets,默认值为UIEdgeInsetsZero,也就是没有扩展的边。下面解释一下UIEdgeInsets,它是一个结构体,定义如下:

[cpp] view plaincopy
  1. typedef struct {  
  2.     CGFloat top, left, bottom, right;  
  3. }  

分别代表着上边界,左边界,底边界,右边界,扩展出去的值。


结合这图片,就比较好理解这几个值的意义了。下面贴一下stanford大学iphone公开课的关于UIScrollView的图片展示,能帮助理解。

链接地址:http://www.docin.com/p-120039524.html




首先实现UIScrollViewDelegate协议:

#import <UIKit/UIKit.h>

@interface Activity01ViewController : UIViewController<UIScrollViewDelegate>{

    UIScrollView *myscrollview;

}

@property (nonatomic,retain) UIScrollView *myscrollview;

@end

实现协议的下列方法:

#import <UIKit/UIKit.h>
@interface Activity01ViewController : UIViewController<UIScrollViewDelegate>{    UIScrollView *myscrollview;}@property (nonatomic,retain) UIScrollView *myscrollview;@end
对myscrollview进行初始化:
 

- (void)viewDidLoad{    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    myscrollview = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 44,768, 1004)];    myscrollview.directionalLockEnabled = YES; //只能一个方向滑动      myscrollview.pagingEnabled = NO; //是否翻页    myscrollview.backgroundColor = [UIColor blackColor];     myscrollview.showsVerticalScrollIndicator =YES; //垂直方向的滚动指示    myscrollview.indicatorStyle = UIScrollViewIndicatorStyleWhite;//滚动指示的风格    myscrollview.showsHorizontalScrollIndicator = NO;//水平方向的滚动指示    myscrollview.delegate = self;    CGSize newSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height+1);    [myscrollview setContentSize:newSize];        float x=0;    float y=0;    float width =768;    float height = 1004;        UIImageView *myimage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Activity01.png"]];    //[myimage setContentMode:UIViewContentModeScaleAspectFill];    [myimage setFrame:CGRectMake(x, y, width, height)];    [myscrollview addSubview:myimage];            [self.view addSubview:myscrollview];}

属性总结:

属性                            作用

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);

 

协议方法解释:

 

#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");}//设置放大缩小的视图,要是uiscrollview的subview- (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");}