利用UIScrollView实现循环滚动翻页的方法

首先,在View里放上一个UILabel,并把它的tag设置为1:
然后,新建一个Controller,在这个Controller里的View放上一个UIScrollView,frame和View一样大:
把刚才那个UIScrollView关联到Controller文件里,再开始写initView函数,初始化三个UIView,把他们添加到UIScrollView,然后设置UIScrollView宽度为三页,并让UIScrollView显示第二页:

  1.     _pageFirst = [[[NSBundle mainBundle] loadNibNamed:@"PageView" owner:self options:nil] lastObject];  
  2.     UILabel *labelTitle = (UILabel *)[_pageFirst viewWithTag:1];  
  3.     labelTitle.text = @"fistPage";  
  4.       
  5.     _pageSecond = [[[NSBundle mainBundle] loadNibNamed:@"PageView" owner:self options:nil] lastObject];  
  6.     labelTitle = (UILabel *)[_pageSecond viewWithTag:1];  
  7.     labelTitle.text = @"secondPage";  
  8.       
  9.     _pageThird = [[[NSBundle mainBundle] loadNibNamed:@"PageView" owner:self options:nil] lastObject];  
  10.     labelTitle = (UILabel *)[_pageThird viewWithTag:1];  
  11.     labelTitle.text = @"thirdPage";  
  12.       
  13.     [self setPageFrame];  
  14.     [_scrollView addSubview:_pageFirst];  
  15.     [_scrollView addSubview:_pageSecond];  
  16.     [_scrollView addSubview:_pageThird];  
  17.       
  18.     _scrollView.pagingEnabled = YES;  
  19.     _scrollView.contentSize = CGSizeMake(_scrollView.frame.size.width * 3, _scrollView.frame.size.height);  
  20.     _scrollView.showsVerticalScrollIndicator = NO;  
  21.     _scrollView.showsHorizontalScrollIndicator = NO;  
  22.     _scrollView.delegate = self;  
  23.       
  24.     //scroll to the second page  
  25.     CGPoint p = CGPointZero;  
  26.     p.x = _scrollView.frame.size.width;  
  27.     [_scrollView setContentOffset:p animated:NO];  

下面是setPageFrame方法:

         

  1. _pageFirst.frame = CGRectMake(_scrollView.frame.origin.x, _scrollView.frame.origin.y, _scrollView.frame.size.width, _scrollView.frame.size.height);  
  2.     _pageSecond.frame = CGRectMake(_scrollView.frame.origin.x + _scrollView.frame.size.width, _scrollView.frame.origin.y, _scrollView.frame.size.width, _scrollView.frame.size.height);  
  3.     _pageThird.frame = CGRectMake(_scrollView.frame.origin.x + _scrollView.frame.size.width * 2, _scrollView.frame.origin.y, _scrollView.frame.size.width, _scrollView.frame.size.height);  

接下来实现UIScrollView的delegate:- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView。首先通过UIScrollView的contentOffset和frame的width属性计算得到UIScrollView滚动停止时候的显示页面,如果是第二页,则说明没有翻页,不作处理,如果是第一页或者第三页,则UIScrollView的三个subView的顺序依次向右或向左移动,并且继续让UIScrollView显示第二页:

  1. CGFloat pageWidth = scrollView.frame.size.width;  
  2.     // 0 1 2  
  3.     int page = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;  
  4.     if(page == 1) {  
  5.         return;  
  6.     } else if (page == 0) {  
  7.         [self pageMoveToRight];  
  8.     } else {  
  9.         [self pageMoveToLeft];  
  10.     }  
  11.   
  12.     CGPoint p = CGPointZero;  
  13.     p.x = pageWidth;  
  14.     [scrollView setContentOffset:p animated:NO];  

依次向右或向左移动UIScrollView的subView方法:

  1. - (void)pageMoveToRight {  
  2.     UIView *tmp = _pageSecond;  
  3.     _pageSecond = _pageFirst;  
  4.     _pageFirst = _pageThird;  
  5.     _pageThird = tmp;  
  6.       
  7.     [self setPageFrame];  
  8. }  
  9.   
  10. - (void)pageMoveToLeft {  
  11.     UIView *tmp = _pageSecond;  
  12.     _pageSecond = _pageThird;  
  13.     _pageThird = _pageFirst;  
  14.     _pageFirst = tmp;  
  15.       
  16.     [self setPageFrame];  
  17. }  

本文所有代码下载链接:http://download.csdn.net/detail/i2c_rs485/4394375,我使用xcode4.3.2

参考资料:

http://www.cocoachina.com/bbs/read.php?tid=7013&page=2   cocoachina讨论

http://www.dreamingwish.com/dream-2011/uiscrollview-infinite-loop-scrolling.html   感谢Seven's

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值