Dejan Atanasov

@dejanatanasov

[SWIFT] Reorder cells in UICollectionView using drag & drop

In this tutorial, I will cover how to reorder cells in UICollectionView using drag & drop. I have seen many different approaches on how to do this, some are working decent and some are not. That's why I will show you the approach that is tested and working 100%.

To make this tutorial shorter, I will only present how to do the reordering and won't show all the required delegate methods. Since you got here, I count that you already know the UICollectionView basics.

UICollectionViewDelegate

We will start by using two delegate methods from the UICollectionViewDelegate protocol.

1 Enable the use of moving items in the UICollectionView by calling canMoveItemAt delegate method. Passing true will enable this feature.

func collectionView(_ collectionView: UICollectionView, canMoveItemAt indexPath: IndexPath) -> Bool {
return true
}

2 Next, we will implement the moveItemAt delegate method where you will intercept the starting index and the ending index of the both items that are switching places.

func collectionView(_ collectionView: UICollectionView, moveItemAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
print(“Starting Index: \(sourceIndexPath.item)”)
print(“Ending Index: \(destinationIndexPath.item)”)
}

UILongPressGestureRecognizer

For a better control of the gestures in the UICollectionView we will implement a UILongPressGestureRecognizer.

Note that these interactive functions work for iOS 9 and above.

More by Dejan Atanasov

Topics of interest

More Related Stories