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

27 Nov 2023

swift

IGListKit은 iOS 애플리케이션에서 컬렉션 뷰를 구성하고 관리하기 위한 강력한 라이브러리입니다. IGListKit을 사용하면 컬렉션 뷰의 데이터 소스와 레이아웃을 손쉽게 작성할 수 있으며, 이를 통해 매끄러운 스크롤 및 업데이트 처리를 구현할 수 있습니다.

이번에는 IGListKit을 사용하여 컬렉션 뷰 셀에 스와이프 기능을 추가하는 방법에 대해 알아보겠습니다. 스와이프 기능을 추가하면 사용자는 컬렉션 뷰 셀을 좌우로 스와이프하여 원하는 작업을 수행할 수 있습니다.

IGListKit 설치

IGListKit을 사용하기 위해서는 먼저 CocoaPods를 사용하여 프로젝트에 IGListKit을 설치해야 합니다. Podfile에 다음과 같이 IGListKit을 추가하고, 터미널에서 pod install 명령을 실행하세요.

pod 'IGListKit'

스와이프 기능 추가하기

먼저 IGListKit에서 제공하는 UICollectionViewDelegate를 채택한 클래스를 생성합니다.

class SwipeCollectionViewDelegate: NSObject, UICollectionViewDelegate {
  
  // 스와이프 동작에 따른 처리
  func collectionView(_ collectionView: UICollectionView, contextMenuConfigurationForItemAt indexPath: IndexPath, point: CGPoint) -> UIContextMenuConfiguration? {
    // 스와이프 메뉴를 구성하는 코드 작성
    // 리턴값은 UIContextMenuConfiguration 타입
  }
  
  // 스와이프 동작을 인식할 수 있는지 여부
  func collectionView(_ collectionView: UICollectionView, canPerformAction action: Selector, forItemAt indexPath: IndexPath, withSender sender: Any?) -> Bool {
    // 스와이프 동작을 처리할 수 있는지 여부를 리턴
  }

  // 스와이프 동작을 수행할 때 호출됨
  func collectionView(_ collectionView: UICollectionView, performAction action: Selector, forItemAt indexPath: IndexPath, withSender sender: Any?) {
    // 스와이프 동작을 처리하는 코드 작성
  }
}

IGListKit 데이터 소스에 스와이프 동작을 처리할 수 있는 컬렉션 뷰 델리게이트를 추가합니다.

class MyListDataSource: NSObject, ListAdapterDataSource {
  
  // ... 이전 코드 생략 ...
  
  // IGListKit 데이터 소스 중 collectionView:didSelectItemAtIndexPath: 메소드를 구현
  func listAdapter(_ listAdapter: ListAdapter, didSelect sectionController: ListSectionController, view: UIView, at index: Int) {
    // 선택된 셀에 대한 처리 코드 작성
  }
  
  // 컬렉션 뷰 델리게이트 인스턴스 생성
  let swipeDelegate = SwipeCollectionViewDelegate()
  
  // 데이터 소스에 컬렉션 뷰 델리게이트를 추가
  func listAdapter(_ listAdapter: ListAdapter, sectionControllerFor object: Any) -> ListSectionController {
    let sectionController = MySectionController()
    sectionController.delegate = swipeDelegate
    return sectionController
  }
}

커스텀 섹션 컨트롤러 클래스를 생성하여 스와이프 동작을 처리합니다.

class MySectionController: ListSectionController {
  
  // 스와이프 동작에 따른 처리를 위한 델리게이트
  weak var delegate: SwipeCollectionViewDelegate?
  
  // ... 이전 코드 생략 ...
  
  // 컬렉션 뷰 셀에 스와이프 기능을 추가
  override func didUpdate(to object: Any) {
    super.didUpdate(to: object)
    self.collectionView.delegate = delegate
  }
  
  // ... 이후 코드 생략 ...
}

이렇게하면 IGListKit을 사용한 컬렉션 뷰 내에서 스와이프 기능을 추가할 수 있습니다. IGListKit의 강력한 기능을 활용하여 매끄럽고 반응이 빠른 컬렉션 뷰를 구현하세요!

참고 자료: