[swift] RxDataSources를 사용한 디바이스 회전 처리 방법

28 Nov 2023

swift

RxDataSources는 iOS 애플리케이션에서 테이블뷰와 컬렉션뷰를 관리하기 위한 훌륭한 라이브러리입니다. 이 라이브러리를 사용하면 데이터 소스를 쉽게 관리하고 업데이트하는 작업을 할 수 있습니다. 그러나 RxDataSources를 사용하는 동안 디바이스 회전에 따라 화면을 업데이트하는 방법에 대해서 알아보겠습니다.

1. RxDataSources 소개

RxDataSources는 RxSwift와 함께 사용하기 위해 설계된 라이브러리로, UITableView와 UICollectionView의 데이터 소스를 관리하는 데 도움을 줍니다. RxDataSources를 사용하면 테이블뷰와 컬렉션뷰의 데이터 업데이트를 쉽게 처리할 수 있습니다.

2. 디바이스 회전과 다이나믹 섹션

디바이스를 회전시킬 때, 화면에 표시되는 셀 또는 아이템의 개수가 변경될 수 있습니다. 이런 경우에 RxDataSources를 사용하여 이를 처리할 수 있습니다.

import UIKit
import RxSwift
import RxCocoa
import RxDataSources

struct SectionModel {
    var itemCount: Int
    var items: [String]
}

class ViewController: UIViewController {
    let disposeBag = DisposeBag()
    @IBOutlet weak var tableView: UITableView!
    
    let dataSource = RxTableViewSectionedReloadDataSource<SectionModel>(configureCell: { (_, tableView, indexPath, item) in
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = item
        return cell
    })
    var sections = BehaviorRelay<[SectionModel]>(value: [])

    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")
        
        sections.asDriver().drive(tableView.rx.items(dataSource: dataSource)).disposed(by: disposeBag)
    }
    
    override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
        super.viewWillTransition(to: size, with: coordinator)
        
        coordinator.animate(alongsideTransition: nil) { _ in
            let count = Int.random(in: 1...10)
            let items = (0..<count).map { "Item \($0 + 1)" }
            let section = SectionModel(itemCount: count, items: items)
            self.sections.accept([section])
        }
    }
}

위의 예제에서는 하나의 섹션에 랜덤한 개수의 아이템을 생성하여 테이블뷰를 업데이트합니다. viewWillTransition(to:with:) 메서드에서 coordinator.animate 메서드를 사용하여 디바이스 회전 애니메이션과 함께 테이블뷰를 업데이트합니다.

3. 요약

RxDataSources를 사용하여 디바이스의 회전에 따라 테이블뷰나 컬렉션뷰를 업데이트하는 것은 상당히 간단합니다. viewWillTransition(to:with:) 메서드를 사용하여 회전 애니메이션과 함께 업데이트 로직을 구현하면 됩니다.

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