[swift] IGListKit에서 섹션 별로 다른 셀 구성하는 방법

15 Nov 2023

swift

IGListKit은 iOS 앱에서 복잡한 목록 레이아웃을 구현하기 위한 강력한 프레임워크입니다. IGListKit은 UICollectionView를 기반으로하며, 섹션 별로 다른 셀을 표시하는 기능을 제공합니다. 이를 통해 앱의 다양한 목록 요소를 독립적으로 관리하고 업데이트할 수 있습니다.

다음은 IGListKit에서 섹션 별로 다른 셀을 구성하는 방법에 대한 예시입니다. Swift 언어로 작성되었습니다.

import IGListKit

class MyListAdapter: ListAdapterDataSource {
    var data: [Any] = [] // 데이터 배열

    func objects(for listAdapter: ListAdapter) -> [ListDiffable] {
        return data as! [ListDiffable]
    }

    func listAdapter(_ listAdapter: ListAdapter, sectionControllerFor object: Any) -> ListSectionController {
        // 섹션 별로 다른 셀을 구성하는 로직 작성
        if object is String {
            return StringSectionController()
        } else if object is Int {
            return IntSectionController()
        }
        
        return ListSectionController()
    }

    func emptyView(for listAdapter: ListAdapter) -> UIView? {
        return nil
    }
}

class StringSectionController: ListSectionController {
    var data: String?

    // 셀의 개수
    override func numberOfItems() -> Int {
        return 1
    }

    // 셀 설정 및 데이터 바인딩
    override func cellForItem(at index: Int) -> UICollectionViewCell {
        let cell = collectionContext?.dequeueReusableCell(of: MyStringCell.self, for: self, at: index) as! MyStringCell
        cell.titleLabel.text = data

        return cell
    }

    // 셀 크기
    override func sizeForItem(at index: Int) -> CGSize {
        return CGSize(width: collectionContext!.containerSize.width, height: 50)
    }

    // 셀 선택 시 동작
    override func didSelectItem(at index: Int) {
        // 셀 선택 시 동작 정의
    }
}

class IntSectionController: ListSectionController {
    var data: Int?

    // 셀의 개수
    override func numberOfItems() -> Int {
        return 1
    }

    // 셀 설정 및 데이터 바인딩
    override func cellForItem(at index: Int) -> UICollectionViewCell {
        let cell = collectionContext?.dequeueReusableCell(of: MyIntCell.self, for: self, at: index) as! MyIntCell
        cell.titleLabel.text = "\(data)"

        return cell
    }

    // 셀 크기
    override func sizeForItem(at index: Int) -> CGSize {
        return CGSize(width: collectionContext!.containerSize.width, height: 100)
    }

    // 셀 선택 시 동작
    override func didSelectItem(at index: Int) {
        // 셀 선택 시 동작 정의
    }
}

위의 코드에서 MyListAdapter는 ListAdapterDataSource 프로토콜을 구현하여 IGListKit에 필요한 데이터 및 섹션 컨트롤러를 제공합니다. objects(for listAdapter:) 함수에서 데이터 객체를 반환하고, listAdapter(_:sectionControllerFor:) 함수에서 해당 데이터 객체에 맞는 섹션 컨트롤러를 생성하여 반환합니다.

StringSectionController와 IntSectionController는 각각 ListSectionController를 상속받아 섹션별로 다른 셀을 구성하는 역할을 수행합니다. 셀의 개수, 셀 설정 및 데이터 바인딩, 셀 크기, 셀 선택 시 동작 등을 해당 섹션 컨트롤러에서 정의합니다.

위의 예시는 단순히 문자열과 정수 데이터를 다른 셀로 구성하는 예시입니다. IGListKit은 다양한 기능과 유연성을 제공하므로, 앱의 요구 사항에 따라 세부적인 셀 구성 및 동작을 수행할 수 있습니다.

더 자세한 내용은 IGListKit documentation을 참조하십시오.