Swift: UICollectionView實現分頁注意點

scrollViewWillEndDragging

scrollViewWillEndDragging:方法實現分頁,此效果要求左右頁在手機屏幕上都要顯示一部分,如下圖所示:

代碼如下:

/// 分頁效果 手拖拽才調用
    func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
        
        // 滑動距離太短時,沒有動畫效果,解決方法
        targetContentOffset.pointee = scrollView.contentOffset
        var targetXContentOffset = CGFloat(targetContentOffset.pointee.x)
        
        /// 滾動小部分也翻頁 true向左滾動
        if self.leftScroll == true { // 左
            targetXContentOffset += itemWidth * 0.5
        }else{
            targetXContentOffset -= itemWidth * 0.5
        }
        // I use this way calculate newPage:
        var newPage = roundf(Float(targetXContentOffset / itemWidth))
        if newPage == -1 {
            newPage = 0
        }else if(Int(newPage) > self.selfExaminArr!.count - 1){
            newPage = Float(self.selfExaminArr!.count - 1)
        }
        var targetOffsetX: CGFloat = 0.0
        if newPage == 0 {
            // 第0頁的偏移量
            targetOffsetX = -15
        }else if newPage == 1{
            // 第1頁的偏移量
            targetOffsetX = itemWidth - 10
        }else{
            // 其他頁 = 第1頁的偏移量 + 除去第1頁的偏移量
            targetOffsetX = (itemWidth - 10) + CGFloat(newPage-1) * (itemWidth + 5.0)   // itemWidth-10+15 間距
        }
        let newPosition = CGPoint (x:  targetOffsetX, y: targetContentOffset.pointee.y)
        // 動畫間隔一下避免衝突
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.005) {
            scrollView.setContentOffset(newPosition, animated: true)
        }
        
    }

當手指點擊cell時候,偏移量會歸位(向左),最後查到是因爲打開了分頁功能collectionView.isPagingEnabled = true, 設置爲false即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章