[swift] Swift IGListKit을 사용한 컬렉션 뷰 셀 이동 처리하기

27 Nov 2023

swift

IGListKit은 UICollectionView의 데이터 소스 및 레이아웃 관리를 간편하게 도와주는 라이브러리입니다. IGListKit을 사용하면 컬렉션 뷰의 셀 이동 처리를 쉽게 구현할 수 있습니다. 이번 포스트에서는 IGListKit을 사용하여 컬렉션 뷰의 셀을 이동하는 방법을 알아보겠습니다.

IGListKit 설치하기

IGListKit은 CocoaPods를 통해 간편하게 설치할 수 있습니다. Podfile에 다음과 같이 추가하고, 터미널에서 pod install 명령을 실행하세요.

pod 'IGListKit'

컬렉션 뷰 데이터 소스 구현하기

먼저, IGListAdapterDataSource 프로토콜을 채택하여 컬렉션 뷰의 데이터 소스를 구현해야 합니다. IGListAdapterDataSource를 구현하면 컬렉션 뷰의 섹션 및 셀에 대한 데이터를 제공할 수 있습니다.

class MyDataSource: NSObject, IGListAdapterDataSource {
    
    private var data: [String] = ["Cell 1", "Cell 2", "Cell 3", "Cell 4"]
    
    // 섹션 수를 반환합니다.
    func numberOfSections(in listAdapter: IGListAdapter) -> Int {
        return 1
    }
    
    // 각 섹션의 항목 수를 반환합니다.
    func listAdapter(_ listAdapter: IGListAdapter, numberOfItemsInSection section: Int) -> Int {
        return data.count
    }
    
    // 컬렉션 뷰 셀을 반환합니다.
    func listAdapter(_ listAdapter: IGListAdapter, cellForItemAt index: Int) -> UICollectionViewCell {
        guard let cell = listAdapter.collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: index) as? MyCell else {
            fatalError("Failed to dequeue cell")
        }
        
        cell.configure(with: data[index])
        
        return cell
    }
    
    // 항목을 이동할 수 있는지 여부를 반환합니다.
    func listAdapter(_ listAdapter: ListAdapter, canMove object: Any) -> Bool {
        return true
    }
    
    // 항목을 이동한 후 데이터를 업데이트합니다.
    func listAdapter(_ listAdapter: ListAdapter, move object: Any, from previousObjects: [Any], to previousObjects: [Any]) {
        if let index = previousObjects.firstIndex(where: { $0 as? String == object as? String }) {
            data = previousObjects.map { $0 as! String }
            data.remove(at: index)
            data.insert(object as! String, at: newIndexPath.item)
        }
    }
}

컬렉션 뷰 레이아웃 구현하기

IGListBindingSectionController를 사용하여 컬렉션 뷰의 레이아웃을 구현합니다. IGListBindingSectionController는 섹션 컨트롤러와 데이터 소스를 바인딩하여 셀의 이동을 처리할 수 있도록 해줍니다.

class MySectionController: ListBindingSectionController<MyDataType>, ListBindingSectionControllerDataSource {
    
    override init() {
        super.init()
        dataSource = self
    }
    
    // 컬렉션 뷰 데이터를 업데이트합니다.
    func listAdapter(_ listAdapter: ListAdapter, sectionControllerFor object: Any) -> ListSectionController {
        let sectionController = ListSingleSectionController(cellClass: MyCell.self, configureBlock: { (item, cell) in
            // 셀 구성
        }, sizeProvider: { (item, context) in
            // 셀 크기 반환
        })
        
        sectionController.selectionDelegate = self
        
        return sectionController
    }
    
    // 컬렉션 뷰 셀 이동을 지원하는지 여부를 반환합니다.
    func listAdapter(_ listAdapter: ListAdapter, sectionControllerCanMove object: Any) -> Bool {
        return true
    }
    
    // 컬렉션 뷰 셀이 이동되었을 때 데이터를 업데이트합니다.
    func listAdapter(_ listAdapter: ListAdapter, sectionController: ListSectionController, move object: Any, fromSectionController: ListSectionController, toSectionController: ListSectionController, atIndex: Int, animated: Bool) {
        // 데이터 업데이트
    }
}

IGListKit 설정하기

마지막으로, IGListKit을 설정해야 합니다. IGListAdapter와 IGListAdapterUpdater를 생성하고, 데이터 소스와 컬렉션 뷰를 연결합니다.

let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: UICollectionViewFlowLayout())
let adapter = ListAdapter(updater: ListAdapterUpdater(), viewController: self)
adapter.collectionView = collectionView
adapter.dataSource = MyDataSource()

마무리

이제 IGListKit을 사용하여 컬렉션 뷰의 셀을 이동하는 방법에 대해 알아보았습니다. IGListKit은 컬렉션 뷰의 데이터 관리 및 레이아웃 처리를 효율적이고 간편하게 해주는 강력한 도구입니다. IGListKit의 다양한 기능을 활용하여 더욱 동적이고 매끄러운 사용자 경험을 구현해보세요.

참고 자료

라이선스

MIT 라이선스에 따라 자유롭게 사용할 수 있습니다. 자세한 내용은 LICENSE 파일을 참조하세요.