AbemaTV iOS社内ランチ勉強会で学ぶRxDataSources
•Transferir como PPTX, PDF•
5 gostaram•4,513 visualizações
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.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a AbemaTV iOS社内ランチ勉強会で学ぶRxDataSources
Semelhante a AbemaTV iOS社内ランチ勉強会で学ぶRxDataSources (20)
Mais de Yuji Hato
Último
Último (20)
AbemaTV iOS社内ランチ勉強会で学ぶ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
Notas do Editor
- コードの例です