[swift] Swift IGListKit에서 데이터 필터링하기

27 Nov 2023

swift

IGListKit은 iOS에서 데이터 주도형 인터페이스를 구축하기 위한 강력한 프레임워크입니다. IGListKit을 사용하면 다양한 컬렉션 뷰에 데이터를 쉽게 바인딩하고 업데이트할 수 있습니다.

이번 블로그 포스트에서는 IGListKit을 사용하여 데이터를 필터링하는 방법에 대해 알아보겠습니다. 데이터 필터링은 컬렉션 뷰에 표시할 항목을 동적으로 변경하고 업데이트하는 작업을 의미합니다.

필터링 로직 작성하기

먼저, 필터링을 적용할 데이터에 대한 모델과 컨트롤러를 작성해야 합니다. 다음은 간단한 예제를 위한 모델과 컨트롤러의 코드입니다:

// 모델
struct Item {
    let id: Int
    let name: String
    let category: String
}

// 데이터 컨트롤러
class DataController {
    var items: [Item]

    init() {
        // 데이터 초기화
        items = [
            Item(id: 1, name: "Item 1", category: "Category A"),
            Item(id: 2, name: "Item 2", category: "Category A"),
            Item(id: 3, name: "Item 3", category: "Category B"),
            Item(id: 4, name: "Item 4", category: "Category B"),
            Item(id: 5, name: "Item 5", category: "Category C"),
        ]
    }
}

필터링된 데이터를 표시하는 컬렉션 뷰 구성하기

다음으로, 필터링된 데이터를 표시하기 위해 IGListKit을 사용하여 컬렉션 뷰를 구성해야 합니다. 아래는 컨트롤러 내에서 IGListKit을 사용하여 컬렉션 뷰를 설정하는 코드 예제입니다:

import IGListKit

class ViewController: UIViewController {
    let dataController = DataController()
    let adapter = ListAdapter(updater: ListAdapterUpdater(), viewController: self)

    override func viewDidLoad() {
        super.viewDidLoad()

        // 컬렉션 뷰 설정
        let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: UICollectionViewFlowLayout())
        view.addSubview(collectionView)

        // 어댑터 설정
        adapter.collectionView = collectionView
        adapter.dataSource = self
    }
}

extension ViewController: ListAdapterDataSource {
    func objects(for listAdapter: ListAdapter) -> [ListDiffable] {
        // 필터링된 항목 반환
        return dataController.items.filter { $0.category == "Category A" } as [ListDiffable]
    }

    func listAdapter(_ listAdapter: ListAdapter, sectionControllerFor object: Any) -> ListSectionController {
        // 섹션 컨트롤러 반환
        return ItemSectionController()
    }

    func emptyView(for listAdapter: ListAdapter) -> UIView? {
        // 필터링된 항목이 없을 때 표시할 뷰 반환
        return nil
    }
}

위의 코드에서는 ListAdapterDataSource 프로토콜을 구현하여 필터링된 데이터를 리턴하도록 설정했습니다. objects(for:) 메서드에서는 필터링된 항목을 반환하고, listAdapter(_:sectionControllerFor:) 메서드에서는 섹션 컨트롤러를 반환합니다. 필터링된 항목이 없을 경우 emptyView(for:) 메서드를 사용하여 빈 뷰를 반환할 수 있습니다.

결론

이번 블로그 포스트에서는 IGListKit을 사용하여 데이터를 필터링하는 방법에 대해 알아보았습니다. IGListKit의 강력한 기능을 활용하여 컬렉션 뷰를 동적으로 업데이트하고 필터링된 데이터를 표시할 수 있습니다.

더 자세한 내용은 IGListKit 공식 문서를 참고하시기 바랍니다.