[swift] Swift IGListKit에서 동적 셀 높이 처리하기

27 Nov 2023

swift

IGListKit은 iOS 애플리케이션에서 복잡한 컬렉션 뷰를 처리하기 위한 강력한 도구입니다. IGListKit을 사용하면 다양한 유형의 셀과 섹션을 구성하고 데이터를 효율적으로 표시할 수 있습니다.

이번 포스트에서는 IGListKit에서 동적인 셀 높이를 처리하는 방법에 대해 알아보겠습니다. 동적인 셀 높이란 각 셀이 서로 다른 높이를 가질 수 있도록 하는 것을 의미합니다. 예를 들어, 다양한 길이의 텍스트나 이미지를 표시하는 셀을 구성할 때 동적인 셀 높이가 필요합니다.

IGListKit에서 동적 셀 높이를 처리하는 방법

먼저 IGListViewController를 생성하고, IGListAdapterDataSource를 준수하는 클래스를 생성합니다.
IGListAdapterDataSource 프로토콜을 구현하여 섹션과 아이템을 설정합니다.
셀의 높이를 지정하기 위해 UICollectionViewCell을 상속한 클래스를 생성합니다.
생성한 셀 클래스에서 preferredLayoutAttributesFitting을 오버라이드하여 동적인 셀 높이를 계산합니다.

import IGListKit

class MyViewController: IGListViewController, IGListAdapterDataSource {
    
    var data: [String] = ["Lorem ipsum dolor sit amet", "consectetur adipiscing elit", "sed do eiusmod tempor incididunt"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        adapter = IGListAdapter(updater: IGListAdapterUpdater(), viewController: self)
        adapter?.dataSource = self
    }
    
    // MARK: - IGListAdapterDataSource
    
    func objects(for listAdapter: IGListAdapter) -> [IGListDiffable] {
        return data as [IGListDiffable]
    }
    
    func listAdapter(_ listAdapter: IGListAdapter, sectionControllerFor object: Any) -> IGListSectionController {
        let sectionController = MySectionController()
        return sectionController
    }
    
    func emptyView(for listAdapter: IGListAdapter) -> UIView? {
        return nil
    }
}

class MySectionController: IGListSectionController {
    
    override init() {
        super.init()
        inset = UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    }
    
    override func sizeForItem(at index: Int) -> CGSize {
        let width = collectionContext?.containerSize.width ?? 0
        let height = calculateHeightForItem(text: object(at: index) as? String, width: width)
        return CGSize(width: width, height: height)
    }
    
    override func cellForItem(at index: Int) -> UICollectionViewCell {
        guard let cell = collectionContext?.dequeueReusableCell(of: MyCell.self, for: self, at: index) as? MyCell else {
            fatalError("Could not dequeue cell")
        }
        cell.text = object(at: index) as? String
        return cell
    }
    
    override func didUpdate(to object: Any) {
        // Do nothing
    }
    
    private func calculateHeightForItem(text: String?, width: CGFloat) -> CGFloat {
        // Calculate the height based on the text and width
        // 예를 들어, 문자열의 길이를 계산하여 동적인 높이를 반환하는 로직을 구현합니다.
        return 44 // 기본 높이
    }
}

class MyCell: UICollectionViewCell {
    
    var text: String? {
        didSet {
            // Update the cell's content
            // 예를 들어, label에 텍스트를 설정하는 로직을 구현합니다.
        }
    }
    
    override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
        let attributes = super.preferredLayoutAttributesFitting(layoutAttributes)
        attributes.bounds.size.height = contentView.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize).height
        return attributes
    }
}

위의 예시 코드는 IGListKit을 사용하여 동적인 셀 높이를 처리하는 방법을 보여줍니다. MyViewController는 IGListViewController를 상속하고, IGListAdapterDataSource 프로토콜을 구현하였습니다. 또한, MySectionController는 IGListSectionController를 상속하고, calculateHeightForItem 메서드를 통해 동적인 셀 높이를 계산합니다. 마지막으로, MyCell은 UICollectionViewCell을 상속하고, preferredLayoutAttributesFitting을 오버라이드하여 셀의 높이를 조정합니다.

결론

이번 포스트에서는 Swift IGListKit에서 동적인 셀 높이를 처리하는 방법에 대해 알아보았습니다. IGListKit을 사용하면 다양한 유형의 셀을 구성하고, 동적인 셀 높이를 처리할 수 있습니다. IGListKit은 복잡한 컬렉션 뷰 구현을 간소화하여 개발자들에게 편리한 환경을 제공합니다.