Improving performance for UICollectionView in iOS10

Slides of my talk at the DO-iOS 2016 conference including optimise drawing processing.

Transcript

1. Improving performance for UICollectionView in iOS10 Bart den Hollander
3. cell
11. NPO Stream • 11 tv channels • 576p resolution. No HD.
12. <= iOS 9
13. !
14. iOS 10
15. "#
18. <= iOS 9 1 prepareForReuse
19. <= iOS 9 2 cellForItemAtIndexPath
20. <= iOS 9 willDisplayCell 3
21. iOS 10 3 willDisplayCell Visible <= iOS 9 iOS 10
22. <= iOS 9
23. <= iOS 9
24. <= iOS 9 didEndDisplayingCell 4
25. iOS 10 didEndDisplayingCell 4
26. iOS 10
27. iOS 10
28. Cell pre-fetching • Hint: cell coming up soon • UICollectionViewDataSourcePrefetching New in iOS10
29. Cell pre-fetching func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) func collectionView(_ collectionView: UICollectionView, cancelPrefetchingForItemsAt indexPaths: [IndexPath]) New in iOS10
30. Cell pre-fetching class MinionsViewController: UICollectionViewController { override func viewDidLoad() { super.viewDidLoad() collectionView.prefetchDataSource = self } } extension MinionsViewController: UICollectionViewDataSourcePrefetching { func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) { ImagePreloader.preloadImagesForIndexPath(indexPaths) } func collectionView(_ collectionView: UICollectionView, cancelPrefetchingForItemsAt indexPaths: [IndexPath]) { ImagePreloader.cancelPreloadImagesForIndexPath(indexPaths) } } New in iOS10
31. class MinionsViewController: UICollectionViewController { override func viewDidLoad() { super.viewDidLoad() } extension MinionsViewController: UICollectionViewDataSourcePrefetching { func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) { ImagePreloader.preloadImagesForIndexPath(indexPaths) } func collectionView(_ collectionView: UICollectionView, cancelPrefetchingForItemsAt indexPaths: [IndexPath]) { ImagePreloader.cancelPreloadImagesForIndexPath(indexPaths) } } Cell pre-fetching collectionView.prefetchDataSource = self } New in iOS10
32. class MinionsViewController: UICollectionViewController { override func viewDidLoad() { super.viewDidLoad() collectionView.prefetchDataSource = self } } func collectionView(_ collectionView: UICollectionView, cancelPrefetchingForItemsAt indexPaths: [IndexPath]) { ImagePreloader.cancelPreloadImagesForIndexPath(indexPaths) } } Cell pre-fetching extension MinionsViewController: UICollectionViewDataSourcePrefetching { func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) { ImagePreloader.preloadImagesForIndexPath(indexPaths) } New in iOS10
33. func collectionView(_ collectionView: UICollectionView, cancelPrefetchingForItemsAt indexPaths: [IndexPath]) { ImagePreloader.cancelPreloadImagesForIndexPath(indexPaths) } class MinionsViewController: UICollectionViewController { override func viewDidLoad() { super.viewDidLoad() collectionView.prefetchDataSource = self } } extension MinionsViewController: UICollectionViewDataSourcePrefetching { func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) { ImagePreloader.preloadImagesForIndexPath(indexPaths) } } Cell pre-fetching New in iOS10
34. Cell pre-fetching • Also for UITableView via UITableViewDataSourcePrefetching New in iOS10
35. Self Sizing Cells
36. Self Sizing Cells
37. Self Sizing Cells flowLayout.estimatedItemSize
38. Self Sizing Cells flowLayout.estimatedItemSize = CGSize(width: 50, height: 50)
39. Self Sizing Cells flowLayout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize New in iOS10
40. Optimise drawing processing • Transparent assets and clearColor background • Color Blending Layers
41. Optimise drawing processing
42. Optimise drawing processing
43. Optimise drawing processing
45. Interactive Reordering
46. Interactive Reordering Demo!
47. collectionView.isPagingEnabled = true Interactive Reordering
48. Thanks for watching! $% @hollanderbart hollanderbart