5分で学ぶ差分更新とRxDataSources
•Download as PPTX, PDF•
5 likes•4,513 views
1) RxDataSources is an RxSwift library that makes it easy to implement delete, insert and move operations for UITableView and UICollectionView by extracting difference updates. 2) It uses accurate difference extraction algorithms like Wagner-Fischer, Heckel and Myers under the hood. 3) The presenter demonstrates how to use RxDataSources with section models, item models and animations to build a download list feature for AbemaTV.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 5分で学ぶ差分更新とRxDataSources
Similar to 5分で学ぶ差分更新とRxDataSources (20)
More from Yuji Hato
Recently uploaded
Recently uploaded (20)
5分で学ぶ差分更新とRxDataSources
- 1. AbemaTV iOS社内ランチ勉強会 2018/04/10 Yuji Hato 5分で学ぶ 差分更新とRxDataSources
- 2. About me Yuji Hato CyberAgent, Inc. / AbemaTV, Inc. dekatotoro @dekatotoro Contributed services
- 12. RxDataSources ・osteslag/Changeset … Wagner-Fischer ・jflinter/Dwifft … Myers ・wokalski/Diff.swift … Myers ・onyarnold/Differ … Myers(Diff.swiftのfork) ・onmyway133/DeepDiff … Heckelぽい ・Instagram/IGListKit … Heckel ・RxSwiftCommunity/RxDataSources … Heckel改 ・kazuhiro4949/EditDistance … Wu
- 13. RxDataSources IGListKit … Sectionを表現した多次元 配列の差分には対応していない RxDataSources … ユニークIDを持ち、 配列に重複がない前提でSectionの差分更 新
- 15. RxDataSources 実装
- 16. RxDataSources
- 18. public protocol SectionModelType { associatedtype Item public var items: [Self.Item] { get } public init(original: Self, items: [Self.Item]) } RxDataSources
- 19. public protocol IdentifiableType { associatedtype Identity : Hashable public var identity: Self.Identity { get } } RxDataSources
- 20. public protocol AnimatableSectionModelType : SectionModelType, IdentifiableType where Self.Item : IdentifiableType, Self.Item : Equatable { } RxDataSources
- 22. enum DownloadSeriesSectionModel: AnimatableSectionModelType { typealias Item = DownloadSeriesSectionItem case episodeList(season: DownloadSeason?, items: [Item]) case other(items: [Item]) // Mark: - IdentifiableType var identity: String { … } // Mark: - SectionModelType var items: [DownloadSeriesSectionItem] { switch self { case .episodeList(_, let items): return items case .other(let items): return items } } init(original: DownloadSeriesSectionModel, items: [Item]) { switch original { case .episodeList(let season, _): self = .episodeList(season: season, items: items) case .other: self = .other(items: items) } } } RxDataSources
- 24. enum DownloadSeriesSectionItem: IdentifiableType, Equatable { case episode(downloadMedia: DownloadMedia) case seeOtherEpisode(series: DownloadSeries) // Mark: - IdentifiableType var identity: String { … } // Mark: - Equatable static func == (lhs: DownloadSeriesSectionItem, rhs: DownloadSeriesSectionItem) -> Bool { … } } RxDataSources
- 26. public struct AnimatableSectionModel<Section: IdentifiableType, ItemType: IdentifiableType & Equatable> { public var model: Section public var items: [Item] public init(model: Section, items: [ItemType]) { self.model = model self.items = items } } extension AnimatableSectionModel : AnimatableSectionModelType { public typealias Item = ItemType public typealias Identity = Section.Identity public var identity: Section.Identity { return model.identity } public init(original: AnimatableSectionModel, items: [Item]) { self.model = original.model self.items = items } public var hashValue: Int { return self.model.identity.hashValue } } RxDataSources よく見たら RxDataSourcesに AnimatableSectionMod elが用意されているの でこれを使うのがbetter
- 28. open class RxTableViewSectionedAnimatedDataSource<S: AnimatableSectionModelType> : TableViewSectionedDataSource<S> , RxTableViewDataSourceType { … public init( animationConfiguration: AnimationConfiguration = AnimationConfiguration(), decideViewTransition: @escaping DecideViewTransition = { _, _, _ in .animated }, configureCell: @escaping ConfigureCell, titleForHeaderInSection: @escaping TitleForHeaderInSection = { _, _ in nil }, titleForFooterInSection: @escaping TitleForFooterInSection = { _, _ in nil }, canEditRowAtIndexPath: @escaping CanEditRowAtIndexPath = { _, _ in false }, canMoveRowAtIndexPath: @escaping CanMoveRowAtIndexPath = { _, _ in false }, sectionIndexTitles: @escaping SectionIndexTitles = { _ in nil }, sectionForSectionIndexTitle: @escaping SectionForSectionIndexTitle = { _, _, index in index } ) { self.animationConfiguration = animationConfiguration self.decideViewTransition = decideViewTransition super.init( configureCell: configureCell, titleForHeaderInSection: titleForHeaderInSection, titleForFooterInSection: titleForFooterInSection, canEditRowAtIndexPath: canEditRowAtIndexPath, canMoveRowAtIndexPath: canMoveRowAtIndexPath, sectionIndexTitles: sectionIndexTitles, sectionForSectionIndexTitle: sectionForSectionIndexTitle ) } … } RxDataSources
- 29. final class DownloadSeriesDelegate: NSObject, UITableViewDelegate { … lazy var dataSource: RxTableViewSectionedAnimatedDataSource<DownloadSeriesSectionModel> = .init( animationConfiguration: AnimationConfiguration(insertAnimation: .fade, reloadAnimation: .none, deleteAnimation: .fade), configureCell: { [weak self] dataSource, table, indexPath, item in guard let me = self else { return UITableViewCell() // Should never reach here. } switch item { case .episode(let downloadMedia): let cell = table.dequeueReusableCell(DownloadListMediaCell.self, forIndexPath: indexPath) cell.configure(downloadMedia: downloadMedia) … return cell case .seeOtherEpisode(let series): let cell = table.dequeueReusableCell(DownloadSeeOtherEpisodeCell.self, forIndexPath: indexPath) cell.rx.tapGesture .subscribe(onNext: { [weak self] in … }) .disposed(by: cell.reusableDisposeBag) … return cell } }) … RxDataSources
- 30. final class DownloadSeriesViewStream { … let sectionModels: Property<[DownloadSeriesSectionModel]> private let _sectionModels = Variable<[DownloadSeriesSectionModel]>([]) … } RxDataSources
- 31. final class DownloadSeriesViewController: UIViewController { … viewStream.sectionModels.asObservable() // IMPORTANT: // crash回避、要調査. .throttle(1.0, latest: true, scheduler: ConcurrentMainScheduler.instance) .bind(to: tableView.rx.items(dataSource: delegate.dataSource)) .disposed(by: rx.disposeBag) … RxDataSources
- 33. // MARK: - UITableViewDelegate func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { … } func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { … } func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? { … } func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { … } … RxDataSources
- 38. Conclusion
- 39. Conclusion • 差分抽出アルゴリズムのライブラリも検討しよ う • Diffアルゴリズムは自前で作ろうとするとけっこう大変 • RxSwift使っているならRxDataSourcesで良さそ う
- 40. Thank you
Editor's Notes
- コードの例です