How to Provide the UPScroll in UICollectionView using swift 3

UPScroll in UICollectionView

Sometimes we need to provide the Upscroll in UICollectionView, when we scroll down to UICollectionView approx seeing 100 or 200 items than again to come up we need to scroll upside at same time so it’s better to provide the icon where we go down at some count we can show the icon ,or on up we can hide the icon.

For this we need to do like that:

1: First we need to set icon in mainView:

let upArrow = UIImageView(frame: CGRect(x: SCREEN_WIDTH - 70, y:SCREEN_HEIGHT - 100, width: 40, height: 40))
        upArrow.image = UIImage(named: "ic_ScrollUp")
        self.view.addSubview(upArrow)
        upArrow.isUserInteractionEnabled = true;
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(self.scorllUp))
        upArrow.addGestureRecognizer(tapGesture)
        upArrow.isHidden = true;

let upArrow = UIImageView(frame: CGRect(x: SCREEN_WIDTH - 70, y:SCREEN_HEIGHT - 100, width: 40, height: 40))

upArrow.image = UIImage(named: "ic_ScrollUp")

self.view.addSubview(upArrow)

upArrow.isUserInteractionEnabled = true;

let tapGesture = UITapGestureRecognizer(target: self, action: #selector(self.scorllUp))

upArrow.addGestureRecognizer(tapGesture)

upArrow.isHidden = true;

1: we need to observe on each scroll like that :

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        let currentCellCount = self.productCollectionView.numberOfItems(inSection: 0)
        for cell: UICollectionViewCell in self.productCollectionView.visibleCells {
            indexPathValue = self.productCollectionView.indexPath(for: cell)!
            if indexPathValue.row == self.productCollectionView.numberOfItems(inSection: 0) - 1 {
                if (totalCount > currentCellCount) && loadPageRequestFlag{
                    loadPageRequestFlag = false
                    pageNumber += 1;
                    callingHttppApi() // its call api for next data
                }
                
            }
            
            if cell.frame.origin.y > SCREEN_HEIGHT - 50{
                upArrow.isHidden = false
            }else{
                upArrow.isHidden = true
            }
            
        }
        

        
    }

func scrollViewDidScroll(_ scrollView: UIScrollView) {

let currentCellCount = self.productCollectionView.numberOfItems(inSection: 0)

for cell: UICollectionViewCell in self.productCollectionView.visibleCells {

indexPathValue = self.productCollectionView.indexPath(for: cell)!

if indexPathValue.row == self.productCollectionView.numberOfItems(inSection: 0) - 1 {

if (totalCount > currentCellCount) && loadPageRequestFlag{

loadPageRequestFlag = false

pageNumber += 1;

callingHttppApi() // its call api for next data

}

if cell.frame.origin.y > SCREEN_HEIGHT - 50{

upArrow.isHidden = false

}else{

upArrow.isHidden = true

}

3: So now we have to define the touch event of icon:

func scorllUp(_sender : UITapGestureRecognizer){
         let indexPath = IndexPath(row: 0, section: 0)
        productCollectionView.scrollToItem(at: indexPath, at: .top, animated: true)
        self.navigationController?.setNavigationBarHidden(false, animated: true)
    }

func scorllUp(_sender : UITapGestureRecognizer){

let indexPath = IndexPath(row: 0, section: 0)

productCollectionView.scrollToItem(at: indexPath, at: .top, animated: true)

self.navigationController?.setNavigationBarHidden(false, animated: true)

}

4: On click, we directly come to the first cell.

kunal prasad

4 Jul, 2023
Updated by - Kushal Varshney
26 Oct, 2021
Updated by - Kushal Varshney

. . .

How to Provide the UPScroll in UICollectionView using swift 3

UPScroll in UICollectionView

Leave a Comment Cancel Reply

Message Sent!