[swift] Swift IGListKit에서 셀 스와이프 처리하기

27 Nov 2023

swift

IGListKit은 iOS 앱에서 복잡한 리스트 인터페이스를 구현할 수 있도록 도와주는 강력한 프레임워크입니다. IGListKit을 사용하여 리스트를 구현할 때, 때로는 셀을 스와이프하여 추가적인 기능을 제공하는 것이 필요할 수 있습니다. 이번 블로그 포스트에서는 Swift와 IGListKit을 사용하여 셀 스와이프 처리하는 방법에 대해서 알아보겠습니다.

1. IGListKit을 프로젝트에 추가하기

먼저, 프로젝트에 IGListKit을 추가해야 합니다. IGListKit은 CocoaPods 등을 통해 쉽게 설치할 수 있습니다. 아래 명령어를 사용하여 IGListKit을 설치하세요.

pod 'IGListKit'

2. 셀 스와이프의 동작 방식 이해하기

셀 스와이프를 구현하기 위해서는 UIGestureRecognizer를 사용해야 합니다. IGListKit은 기본적으로 UICollectionView를 사용하므로, UICollectionViewDelegate의 collectionView(_:didEndDisplaying:forItemAt:) 메서드를 사용하여 셀 스와이프 제스처를 추가할 수 있습니다.

func collectionView(_ collectionView: UICollectionView, didEndDisplaying cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    if let cell = cell as? MySwipableCell {
        let swipeGesture = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipeGesture(_:)))
        swipeGesture.direction = .left
        cell.addGestureRecognizer(swipeGesture)
    }
}

위 코드에서는 MySwipableCell이라는 스와이프 가능한 셀을 가정합니다. didEndDisplaying 메서드를 사용하여 셀이 화면에 표시되지 않을 때 스와이프 제스처를 추가하고, handleSwipeGesture 메서드를 호출하도록 설정합니다.

3. 셀 스와이프 제스처 처리하기

셀에 추가된 스와이프 제스처를 처리하기 위해 handleSwipeGesture 메서드를 구현해야 합니다.

@objc func handleSwipeGesture(_ gestureRecognizer: UISwipeGestureRecognizer) {
    if let cell = gestureRecognizer.view as? MySwipableCell {
        cell.isSwiped = true
        // 스와이프 처리 로직 구현
    }
}

위 코드에서는 MySwipableCell 클래스에 isSwiped라는 프로퍼티를 추가하고, 스와이프가 발생한 경우 이 프로퍼티를 true로 설정합니다. 그리고 스와이프 처리에 필요한 로직을 구현하면 됩니다.

4. 스와이프 상태에 따라 UI 업데이트하기

스와이프 상태에 따라 UI를 업데이트하는 방법은 다양하지만, 대표적으로는 UICollectionViewCell의 layoutSubviews() 메서드를 사용하는 방법이 있습니다.

override func layoutSubviews() {
    super.layoutSubviews()
    
    if isSwiped {
        // 스와이프 상태에 따른 UI 변경
    } else {
        // 기본 UI 상태로 변경
    }
}

위 코드에서는 isSwiped 프로퍼티를 확인하여 스와이프 상태에 따른 UI 변경을 수행합니다. 스와이프가 발생하면 isSwiped를 true로 설정하고, layoutSubviews() 메서드에서 해당 상태에 따른 UI 변화를 구현합니다.

마무리

이번 포스트에서는 Swift와 IGListKit을 사용하여 셀 스와이프 처리하는 방법에 대해 알아보았습니다. IGListKit을 사용하면 복잡한 리스트 인터페이스를 구현하는 것이 더욱 쉬워집니다. 셀 스와이프 처리를 통해 사용자들에게 더 좋은 사용자 경험을 제공할 수 있습니다.

1. IGListKit을 프로젝트에 추가하기

2. 셀 스와이프의 동작 방식 이해하기

3. 셀 스와이프 제스처 처리하기

4. 스와이프 상태에 따라 UI 업데이트하기

마무리

참고 자료