UIScrollView的delegate方法妙用之让UICollectionView滑动到某个你想要的位置

原创 2015年11月20日 17:59:12
一个UICollectionView有好多个cell,滑动一下,谁也不知道会停留在哪个cell,滑的快一点,就会多滑一段距离,反之则会滑的比较近,这正是UIScrollview用户体验好的地方。
如果想要UICollectionView停留到某个cell的位置,可以用
- (void)scrollToItemAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UICollectionViewScrollPosition)scrollPosition animated:(BOOL)animated;
这个方法,还能用scrollPosition这个参数控制cell具体停留在上下左右中到底哪个位置。
那么问题来了:如果我只是随便滑了一下,我也不知道它会停在位于哪个indexPath的cell上,但不管它停在哪个cell上,我都希望这个cell刚好在屏幕中间,应该怎么办呢?(这个场景在coverFlow的效果里比较常见)
 
之前知道的做法是:
scrollViewDidEndDecelerating或其他delegate方法里,通过当前 contentOffset 计算最近的整数页及其对应的 contentOffset,然后通过动画移动到这个位置。
但是这个做法有问题,就是动画不连贯,完全没有“刚好停到那里”的感觉。
 
今天在想有没有其他更好的办法时,突然发现一个之前从来没用功的方法:
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset NS_AVAILABLE_IOS(5_0);
一看这参数名,再看看这文档,真是让人喜不自禁呐!这不就是让scrollView“刚好停到某个位置”的方法嘛!!!(系统5.0就提供了,现在才看到。。。。。。)
targetContentOffset 是个指针,可以修改这个参数的值,让scrollView最终停止在目标位置。
注意:scrollView的pagingEnable属性必须为NO时这个方法才会被调用。
 
例:
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {
    CGPoint orifinalTargetContentOffset = CGPointMake(targetContentOffset->x, targetContentOffset->y);
    *targetContentOffset = [self  itemCenterOffsetWithOriginalTargetContentOffset:orifinalTargetContentOffset];//计算出想要其停止的位置  
}
这样scrollView就会逐渐减速,最终停止在itemCenterOffsetWithOriginalTargetContentOffset方法算出来的位置上了,效果杠杠的~
技术分享
 
本来以为这个方法没多少人知道,结果百度一搜,发现原来已经有大神写过详细的文章了(http://tech.glowing.com/cn/practice-in-uiscrollview/),这个就当记录一下吧
 
另外发现一个直接用NSObject就实现类似效果的库:https://github.com/nicklockwood/iCarousel   乍看之下没看懂。。。等有空再仔细研究
 
更新(2015-06-19)
原来UICollectionViewLayout已经提供了两个方法可以实现这个功能:
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity;
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset NS_AVAILABLE_IOS(7_0);
效果与上面的delegate方法完全一样,不过这个是UICollectionViewLayout的方法,需要在自己的layout子类里重载。
好处是:这样就不用再在viewController里写scrollView的delegate方法了,viewController更加简洁;跟布局相关的代码都转移到了layout的类中 

UICollectionView如果在数据不够一屏时上下滚动

当数据不多,不够一屏幕,collectionView.contentSize小于collectionView.frame.size的时候,UICollectionView是不会滚动的  self...

UICollectionView/UIScrollView滚动到指定的行

// 如果调用scrollToItemAtIndexPath不起作用 // 需要先调用layoutIfNeeded方法 [self layoutIfNeeded]; [_che...

UICollectionView 视图滚动到指定位置的方法

UICollectionView 视图滚动到指定位置的方法 -(void)scrollToItemAtIndexPath:(NSIndexPath *)indexPath atScrollPosit...

UIScrollView的delegate方法妙用之让UICollectionView滑动到某个你想要的位置

一个UICollectionView有好多个cell,滑动一下,谁也不知道会停留在哪个cell,滑的快一点,就会多滑一段距离,反之则会滑的比较近,这正是UIScrollview用户体验好的地方。 如...

UIScrollView的delegate方法妙用之让UICollectionView滑动到某个你想要的位置

转载自:http://www.mamicode.com/info-detail-872795.html   留存下 UIScrollView的delegate方法妙用之让UICollectionVi...

NS3 让你的仿真脚本运行在你想要的位置

需求: 仿真脚本一般放在scratch之下,但是随着仿真程序的增多,这个目录会变得越来越臃肿,于是产生建立子目录的想法.那么到底能不能建立子目录呢?在哪建立子目录更加合适呢? 解决方案: 直接看/ns...

iOS使用UIScrollView实现左右滑动UITableView和UICollectionView

在UIScrollView中嵌套UITableView的文章很多,但是项目需要,需要嵌套UICollectionView,而UICollectionView和UITableView有很多不同,有些知识...
  • wuwo333
  • wuwo333
  • 2014年10月30日 09:17
  • 32061

如果你想要“一百种”方法玩转天猫双11,这里是一份完整版指南

这两天,一家天猫超市快闪店空降上海浦东滨江,快闪店里陈列的,是天猫超市与各商家准备的双11特别商品,忙乎了几个月,商品现已基本上架。快闪店不远处还有休息区,要是逛累了可以坐下来歇脚。 没错,你一...

你想要的CSS居中方法大全

前言 元素的居中是前端开发中非常普遍的一个需求,实现的方式也很多,这里我简单总结了一下,并画成思维导图,便于记忆。  水平居中 行内元素 直接使用text-align:ce...

Android开发经验—不要指望类的finalize方法干你想要干的活

之所以专门写一篇关于finalize方法的博客,是因为被这个方法坑过,在写一个读取jni数据类的时候,我在类的finalize方法中调用了关闭文件和释放内存的方法,结果导致在频繁调用这个类的时候在JN...
  • zmywly
  • zmywly
  • 2014年07月17日 19:26
  • 3446
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UIScrollView的delegate方法妙用之让UICollectionView滑动到某个你想要的位置
举报原因:
原因补充:

(最多只允许输入30个字)