Auto-Layout Öldü Mü? – NSIstanbul Ekim 2016

Konuşmanın video halini en kısa zamanda hazırlayıp YouTube'a göndereceğim.

Videoların linkleri:
Reveal - https://revealapp.com
Pinterest – https://www.youtube.com/watch?v=tTelZqBtjXo
Buffer – https://overflow.buffer.com/2016/10/04/implementing-asyncdisplaykit-within-buffer-ios/

Transcript

1. Auto - Layout Öldü Mü?
2. Auto-Layout Öncesi
3. Auto-Layout Öncesi Springs and Struts
4. Auto-Layout Öncesi Manual Layout view.frame = CGRectMake(x, y, width, height)
5. Auto - Layout Mac OS X Lion (2011)
6. Neden Auto - Layout?
7. Lokalizasyon
8. NSWindow değişimleri
9. Daha esnek
10. Yapabildikleri
11. Align / Pin / Priority Yapabildikleri APP
12. Align Yapabildikleri
13. Pin Yapabildikleri
14. Priority Yapabildikleri
15. Auto - Layout Nasıl Çalışır?
16. Auto - Layout Nasıl Çalışır? Constraints -> Auto-Layout Engine -> Frames
17. Auto - Layout Nasıl Çalışır? Cassowary
18. Auto - Layout Nasıl Çalışır?
19. Auto - Layout Nasıl Çalışır? Cassowary
20. Auto - Layout Nasıl Çalışır? Cassowary
21. Auto - Layout Nasıl Çalışır? Cassowary Çok Ağır
23. Peki, Auto-Layout 
 Öldü Mü?
24. Hayır.
25. Fakat her yerde kullanamıyoruz.
26. Handikapları
27. Uygulamalar neden takılır?
28. UI = Main Thread
29. 60fps 
 (frame per second)
30. 1 saniye / 60 kare
 =
 16ms
31. 16ms - 4ms
 = 12ms
32. Auto-Layout 
 =
 Main Thread
33. if > 12ms
 skip frame
34. Ne kadar çok view, o kadar çok yük
35. Ne kadar çok constraint, o kadar çok hesaplama
36. Auto - Layout 
 Debugging bir hayli zor
37. Auto - Layout 
 Debugging bir hayli zor Bazen.
38. Apple’ın tavsiyeleri
39. Apple’ın tavsiyeleri UIStackView kullanın.
40. Apple’ın tavsiyeleri
41. Apple’ın tavsiyeleri Constraintleri silme ve yeni ekleme yerine activate/ deactivate fonksiyonunu kullanın.
42. Debugging tavsiyeleri
44. constraint.identifier Debugging tavsiyeleri
47. constraint.identifier = @“name” Debugging tavsiyeleri
48. self.topLayoutGuide.identifier = @“top”
 self.bottomLayoutGuide.identifier = @“bottom” Debugging tavsiyeleri
50. İsimlendirmeye en aşağıdan başlayın. Debugging tavsiyeleri
51. Content Hugging Priority
 Content Compression Resistance Priority Debugging tavsiyeleri
52. po [self.view _autoLayoutTrace] Debugging tavsiyeleri
54. Reveal.app Debugging tavsiyeleri
56. Auto-Layout
 Alternatifleri
60. Auto-Layout 
 =
 Main Thread
61. AsyncDisplayKit
 =
 Thread-Safe
62. UIView -> CALayer
63. ASNode -> UIView -> CALayer
64. node.layer node.view
68. Intelligent Preloading
71. Layouting in AsyncDisplayKit
72. < 1.0
 
 Manual Layout Layouting in AsyncDisplayKit
73. Layouting in AsyncDisplayKit >= 1.0
 
 CSS Flexbox
74. Layouting in AsyncDisplayKit 2.0 Yakında
75. Async DisplayKit’in Artıları
76. Async DisplayKit’in Artıları Gesture Driven
77. Async DisplayKit’in Artıları Animasyonlar + pop
78. Async DisplayKit’in Artıları Performance & Optimization
79. Async DisplayKit’in Artıları rootNode.layerBacked = YES
80. Async DisplayKit’in Artıları UIView -> CALayer
81. Async DisplayKit’in Artıları rootNode.shouldRasterizeDescendants = YES
82. Async DisplayKit’in Artıları Corner Radius http://asyncdisplaykit.org/docs/corner-rounding.html
83. Async DisplayKit’in Artıları ASMultiplexImageNode
84. Async DisplayKit’in Artıları ASMultiplexImageNode _multiplexImageNode.downloadsIntermediateImages = YES; _multiplexImageNode.imageIdentifiers = @[ @"original", @"medium", @"thumb" ];
85. Örnekler
89. CSS Flexbox Sistemi
92. Teşekkürler @seyfoyun