[swift] IGListKit에서 데이터 페이징 처리하는 방법

15 Nov 2023

swift

IGListKit은 iOS 애플리케이션의 복잡한 목록을 쉽게 관리할 수 있는 라이브러리입니다. IGListKit을 사용하여 페이징 처리된 데이터를 로드하려면 몇 가지 단계를 따라야합니다.

1. 데이터 소스 구현하기

첫 번째로, IGListSectionController 프로토콜을 준수하는 새로운 클래스를 만들어 데이터 소스를 구현해야합니다. 이 클래스는 섹션에 표시할 아이템과 관련된 정보를 제공합니다.

class MySectionController: NSObject, IGListSectionController {
    var data: [MyData] = [] // 페이징된 데이터를 저장할 배열
    
    // ...

    func numberOfItems() -> Int {
        return data.count
    }

    func cellForItem(at index: Int) -> UICollectionViewCell {
        // 셀을 생성하고 데이터를 채워넣는 코드 작성
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "MyCell", for: index)
        let item = data[index]
        // ...
        return cell
    }

    // ...
}

2. `IGListAdapterDataSource` 구현하기

다음으로, IGListAdapterDataSource 프로토콜을 준수하는 클래스를 만들어서 데이터 소스를 관리해야합니다. 이 클래스는 실제 데이터를 로드하고 페이징 처리를 수행합니다.

class MyDataSource: NSObject, IGListAdapterDataSource {
    var currentPage = 0

    // ...

    func objects(for listAdapter: IGListAdapter) -> [IGListDiffable] {
        var items: [IGListDiffable] = []

        // 페이지당 아이템 개수와 현재 페이지를 기반으로 데이터 로드
        let pageSize = 20
        let startIndex = currentPage * pageSize
        let endIndex = startIndex + pageSize
        for i in startIndex..<endIndex {
            if let item = fetchData(at: i) {
                items.append(item)
            }
        }

        return items
    }

    // ...

    func listAdapter(_ listAdapter: IGListAdapter, didEndDisplaying object: AnyObject, at index: Int) {
        // 사용자가 마지막 아이템을 볼 때마다 다음 페이지로 이동
        let threshold = 5
        if index == objects.count - threshold {
            currentPage += 1
            listAdapter.performUpdates(animated: true)
        }
    }
}

3. `IGListAdapter` 설정하기

마지막으로, IGListAdapter 객체를 생성하고 데이터 소스를 할당해야합니다. 또한, 컬렉션 뷰와 연결해주어야 합니다.

class MyViewController: UIViewController {
    let collectionView = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
    lazy var adapter: IGListAdapter = {
        return IGListAdapter(updater: IGListAdapterUpdater(), viewController: self, workingRangeSize: 0)
    }()

    // ...

    func viewDidLoad() {
        super.viewDidLoad()

        adapter.collectionView = collectionView
        adapter.dataSource = MyDataSource()

        // ...
    }
}

위의 코드 예제에서는 objects(for:) 메서드를 통해 데이터를 로드하고, listAdapter(_:didEndDisplaying:at:) 메서드를 사용하여 페이징 처리를 수행합니다. 이를 통해 IGListKit을 통해 데이터를 페이징 처리할 수 있습니다.

이상입니다! IGListKit을 사용하여 데이터를 페이징 처리하는 방법에 대해 알아보았습니다. IGListKit의 다른 기능들에 대해서도 문서를 참고하시기 바랍니다.

참고 자료:

1. 데이터 소스 구현하기

2. IGListAdapterDataSource 구현하기

3. IGListAdapter 설정하기

2. `IGListAdapterDataSource` 구현하기

3. `IGListAdapter` 설정하기