Podlodka i os crew 8
- 3. в начале было MVP
- 6. ctrl C + ctrl V
- 7. ctrl C + ctrl V понять базовый принцип
- 8. ПЛАН Hitches как работает UI Instruments как устроено приложение 1 2 3 4 Итоги 5
- 9. ПЛАН Hitches как работает UI Instruments как устроено приложение 1 2 3 4 Итоги 5
- 17. ПЛАН Hitches как работает UI Instruments как устроено приложение 1 2 3 4 Итоги 5
- 18. 60 Гц частота обновлений у большинства устройств
- 20. кадр 1 16,67 ms кадр 2 кадр 3 кадр 4 кадр 5
- 21. 16,67 ms VSYNC сообщает, когда экран нужно обновить кадр 1 кадр 2 кадр 3 кадр 4 кадр 5
- 22. App Render server On the display The Render Loop 3 стадии 16,67 ms iOS Port Event queue Application Run Loop UIKit Core Animation CATransaction.begin() CATransaction.commit()
- 23. iOS Port Event queue Application Run Loop UIKit Core Animation CATransaction.begin() CATransaction.commit() App Render server On the display Event The Render Loop
- 24. Event The Render Loop Commit iOS Render server Port Event queue Application Run Loop UIKit Core Animation CATransaction.begin() CATransaction.commit() Render server
- 25. iOS Render server Port Event queue Application Run Loop UIKit Core Animation CATransaction.begin() CATransaction.commit() App Render server On the display Event The Render Loop Commit Render prepare Render execute Render server
- 26. iOS Render server Port Event queue Application Run Loop UIKit Core Animation CATransaction.begin() CATransaction.commit() App Render server On the display Event Commit The Render Loop Render prepare Display Render execute Render server
- 27. App Render server On the display Event Commit Render prepare Display Render execute The Render Loop iOS Render server Port Event queue Application Run Loop UIKit Core Animation CATransaction.begin() CATransaction.commit() Render server
- 30. ПЛАН Hitches как работает UI Instruments как устроено приложение 1 2 3 4 Итоги 5
- 31. кадр 1 16,67 ms
- 32. кадр 1 кадр 2
- 33. кадр 1 кадр 2 кадр 3
- 34. кадр 1 кадр 2 кадр 3
- 35. кадр 1 кадр 2 кадр 3 кадр 4
- 36. Commit hitch
- 37. Commit hitch Rendering hitch
- 38. Commit hitch App Render server On the display кадр 1 кадр 2 кадр 3 ожидалось здесь кадр 4
- 39. Commit hitch App Render server On the display кадр 1 кадр 2 кадр 3 ожидалось здесь кадр 4 через 16,67 ms
- 40. Commit hitch App Render server On the display кадр 1 кадр 2 кадр 3 ожидалось здесь через 33,34 ms
- 42. Commit phase Layout Display Prepare Commit Добавление или удаление views frame, bounds, transform setNeedsLayout()
- 43. Commit phase Layout Display Prepare Commit Добавление или удаление views frame, bounds, transform setNeedsLayout()
- 44. Добавление или удаление views frame, bounds, transform setNeedsLayout() Commit phase Layout Display Prepare Commit
- 45. UI Window UI View UI View UI View из констрейнтов составляются системы линейных уравнений и вычисляются фреймы для всех вью в иерархии Auto Layout UI Window UI View UI View UI View
- 46. Оптимизация Auto Layout Одновременное добавление ограничений
- 47. Оптимизация Auto Layout Одновременное добавление ограничений Скрывать вью вместо удаления
- 48. Оптимизация Auto Layout Одновременное добавление ограничений Скрывать вью вместо удаления Изменение константы констрейнтов
- 49. Оптимизация Auto Layout Одновременное добавление ограничений Скрывать вью вместо удаления Изменение константы констрейнтов Управление приоритетом
- 57. Происходит декомпрессия и масштабирование изображений Commit phase Layout Display Prepare Commit
- 58. iOS 15
- 59. iOS 15
- 60. До iOS 15
- 61. PDF или PNG?
- 62. PDF или PNG? 1. Если картинка всегда одного размера - PNG
- 63. PDF или PNG? 1. Если картинка всегда одного размера - PNG 2. Если картинка скейлится - PDF
- 64. CATiledLayer
- 65. Упаковка layer tree Отправка его на render server Commit phase Layout Display Prepare Commit
- 66. Упаковка layer tree Отправка его на render server Commit phase Layout Display Prepare Commit
- 67. App Render server On the display ожидалось здесь Render hitch кадр 2 кадр 1 кадр 4 кадр 3
- 68. App Render server On the display ожидалось здесь через 16,67 ms Render hitch кадр 2 кадр 1 кадр 4 кадр 3
- 69. Root Shadow Core Animation is Fun Render prepare
- 70. Root Shadow Core Animation is Fun Render prepare Shadow Core Animation is Fun
- 71. Root Shadow Core Animation is Fun Render prepare Core Animation is Fun Shadow Core Animation is Fun
- 72. Shadow Core Animation is Fun
- 73. Shadow Core Animation is Fun
- 74. Shadow Core Animation is Fun
- 75. Shadow Core Animation is Fun
- 76. Shadow Core Animation is Fun
- 77. Shadow Core Animation is Fun
- 78. Shadow Core Animation is Fun
- 79. Shadow Core Animation is Fun
- 80. Shadow Core Animation is Fun
- 81. Shadow Core Animation is Fun
- 82. Shadow Core Animation is Fun
- 83. Shadow Core Animation is Fun
- 84. Shadow Core Animation is Fun
- 85. Shadow Core Animation is Fun
- 86. Shadow Core Animation is Fun Core Animation is Fun
- 91. Offscreen rendering Shadow Visual Effect Corner radius (+clipToBounds) Mask
- 95. Color blending
- 97. Color blending Color blending Opacity Corner radius
- 100. Color blending
- 102. Универсальные решения shouldRasterize готовые картинки
- 103. Пара слов про списки reuse cell
- 104. Пара слов про списки reuse cell hitch
- 105. Пара слов про списки reuse cell hitch prefetching cell use prefetched cell
- 108. ПЛАН Hitches как работает UI Instruments как устроено приложение 1 2 3 4 Итоги 5
- 114. 16,67 ms
- 115. 16,67 ms Hitch!!!
- 118. 16,67 ms gap
- 119. 16,67 ms gap
- 120. CADisplayLink
- 121. ПЛАН Hitches как работает UI Instruments как устроено приложение 1 2 3 4 Итоги 5
- 124. Подведем итоги CPU Layout Display Картинки GPU Offscreen rendering Color blending Run Loop GCD
- 127. ОТ MVP К СЛОЖНЫМ ИНТЕРФЕЙСАМ Саша Лис @dev_lis