ScrollerView实现简单的重复滑动

来源:互联网 发布:网络开设赌场判决书 编辑:程序博客网 时间:2024/04/30 00:57

contentSizescrollview可以滚动的区域,比如frame = (0 ,0 ,320,480) contentSize = (320,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。

contentOffsetscrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0,480),也就是y偏移了480

 

contentInsetscrollviewcontentview的顶点相对于scrollview的位置,例如你的contentInset= (0 ,100),那么你的contentview就是从scrollview的(0 ,100)开始显示

 

另外UITableView是UIScrollView的子类,它们在上述属性又有所不同,tabelview的contentsize是由它的下列方法共同实现的

- (NSInteger)numberOfSections;

- (NSInteger)numberOfRowsInSection:(NSInteger)section;

- (CGFloat)tableView:(UITableView *)tableViewheightForRowAtIndexPath:(NSIndexPath *)indexPath;

- (CGFloat)tableView:(UITableView *)tableViewheightForHeaderInSection:(NSInteger)section;

- (CGFloat)tableView:(UITableView *)tableViewheightForFooterInSection:(NSInteger)section;

它会自动计算所有的高度和来做为它的contentsize的height.

 

例如你在delegate方法

- (NSInteger)tableView:(UITableView *)tableViewnumberOfRowsInSection:(NSInteger)section {

    return100;

}

那么你的tabelview的contentsize就是(320, 4400)

UIScrollView原理   


在滚动过程当中,其实是在修改原点坐标

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

子类可以重载touchesShouldBegin:withEvent:inContentView:决定自己是否接收touch事件
pagingEnabled当值是YES,会自动滚动到subview的边界,默认是NO
touchesShouldCancelInCon
tentView: 开始发送trackingmessages消息给subview的时候
调用这个方法,决定是否发送trackingmessages消息到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的时候,用户触碰开始,scrollview要延迟一会,看看是否用户有意图滚动,假如滚动了,那么捕捉touch-down事件,否则就不捕捉, 假如值是NO,当用户触碰,scroll view会立即触发touchesShouldBegin:withEvent:inContentView:,默认是YES

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

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

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

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

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

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

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

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

scrollIndicatorInsets
设置滚动条的位置下面是例子:
//设置两个属性@interface RootViewController ()<UIScrollViewDelegate>@property UIScrollView *scrollerView;@property UIPageControl *pag;@end//创建并初始化- (void)viewDidLoad{    [super viewDidLoad];        self.scrollerView=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, 320, 240)];    self.scrollerView.contentSize=CGSizeMake(1600, 180);//必须改变scroller 的contentSize大小,必须比frame要大,不然不会滑动    self.scrollerView.pagingEnabled=YES;//pagingEndabled 改为yes    self.scrollerView.backgroundColor=[UIColor orangeColor];    self.scrollerView.tag=100;    [self.view addSubview:self.scrollerView];    for (int i=0; i<5; i++) {                UIImageView *imgView=[[UIImageView alloc]initWithFrame:CGRectMake(i*320, 0, 320, 240)];         imgView.image=[UIImage imageNamed:[NSString stringWithFormat:@"%d.png",i+1]];                [self.scrollerView addSubview:imgView];    }        self.scrollerView.delegate=self;    //创建一个uipagControl    self.pag=[[UIPageControl alloc]initWithFrame:CGRectMake(60, 260, 100, 20)];    self.pag.backgroundColor=[UIColor orangeColor];    self.pag.numberOfPages=4;        [self.view addSubview:self.pag];}//触发事件- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    NSLog(@"%f",scrollView.contentOffset.x);    if (scrollView.contentOffset.x>1280) {//当scorllview的x值大于1280后,//首先第一张和最后一张放了一样的图片,当图片到滑到最后一张时候,让他回到第一张,恢复到0,0点,也就第一张        scrollView.contentOffset=CGPointMake(0, 0);        }    if (scrollView.contentOffset.x<0) {        scrollView.contentOffset=CGPointMake(1280, 0);    }}结束事件- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{    self.pag.currentPage=self.scrollerView.contentOffset.x/320;    if (self.scrollerView.contentOffset.x>980) {        self.pag.currentPage=0;    }}

0 0
原创粉丝点击