????項目中總有寫比較變態(tài)的需求，我們的UI設(shè)計師有喜歡很酷的交互，其中有個需求類似這種的

????????

????右側(cè)部分是可以滾動的當(dāng)然是無限滾動，這中效果只有UICollectionView的自定義布局才能實(shí)現(xiàn)，重寫Layout的幾個方法主要的代碼就是給UICollectionViewLayoutAttributes的屬性賦值，主要是為這幾個center，size， transform3D;屬性賦值，主要使用的是AWCollectionViewDialLayout這個三方的布局。

????但是，這個三方并沒有實(shí)現(xiàn)無限滾動的。無限滾動也可以在scrollViewDidScroll:方法中進(jìn)行檢測，開頭和結(jié)尾地方多添加幾個元素，如果到最后一個了重新回到第一個，但是這種實(shí)現(xiàn)有很強(qiáng)的卡頓感，所以后來放棄了這個。后來，在github找到了一種辦法，自定義拖拽手勢UIPanGestureRecognizer

，然后再拖拽手勢的target，action方法中進(jìn)行判斷如果狀態(tài)來更改UICollectionView的偏移量，代碼如下

-?(void)customPan:(UIPanGestureRecognizer?*)sender?{if?(sender.state?==?UIGestureRecognizerStateBegan)?{self.oldOffset?=?self.collectionView.contentOffset;}if?(sender.state?==?UIGestureRecognizerStateChanged)?{CGPoint?translation?=?[sender?translationInView:self.collectionView];CGPoint?offset;offset.y?=?(self.oldOffset.y?-?translation.y);if?(fabsf(translation.y)>30)?{[self.collectionView?setContentOffset:offset?animated:NO];}}if?(sender.state?==?UIGestureRecognizerStateEnded)?{CGPoint?translation?=?[sender?translationInView:self.collectionView];self.previousCell?=?[self.collectionView?cellForItemAtIndexPath:[NSIndexPath?indexPathForItem:self.centerItem?inSection:0]];NSInteger?step?=?1;step?=?abs(translation.y/item_height)+1;//計算需要走幾步if?(translation.y?>?0)?{向上滑動if?(translation.y?>?(item_height/2+10))?{if?((0?<?self.centerItem)?&&?(self.centerItem?<=?(self.count?-?step)))?{self.centerItem?-=?step;}}}?else?if?(translation.y?<?0){//向下滑動if?(abs(translation.y)>(item_height/2+10))?{if?((0?<=?self.centerItem)?&&?(self.centerItem?<?self.count?-?step))?{self.centerItem?+=?step;}}}[self.collectionView?setContentOffset:CGPointMake(0,?self.centerItem*item_height)?animated:YES];}}

? ? 然后再滾動視圖的scrollViewDidEndScrollingAnimation：的代理方法中來判斷視圖的偏移量如果到首部或者尾部就重新設(shè)置UICollectionView的偏移量，這樣沒有絲毫的卡頓感了，但是卻有個很大的缺陷，自定義的手勢沒有是減速的，最多有個滾動結(jié)束時的動畫。

????UICollectionView的無限滾動的方法我找了很長時間一直沒有找到很理想的方法，所以這種只能算是個妥協(xié)的方法。

轉(zhuǎn)載于:https://blog.51cto.com/yunsankai/1613904

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的UICollectionView的无限滚动---妥协做法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。