Slidy z mé prezentace na téma "ONscreen vs. OFFscreen rendering v iOS", která proběhla na For-Mobile iOS v březnu 2013 v prostorách Microsoft ČR. Více o události For-Mobile: http://srazy.info/for-mobile/3293 #forMobileCZ

1. ONscreen vs.
OFFscreen rendering
Tomáš Jukin
@Inza

2. Březen 2013 - iOS

3. Březen 2013 - iOS
www.srazy.info/for-mobile
@forMobileCZ #forMobileCZ
www.for-mobile.cz

4. www.juicymo.cz

5. www.iknow.eu/cvut/

6. ONscreen vs.
OFFscreen rendering
Tomáš Jukin
@Inza

7. iOS Stack
UIKit
Core Animation
OpenGL ES Core Graphics
GPU CPU

8. iOS Stack UIButton
UILabel
UIKit
Core Animation smooth transitions
2D/3D Graphics Quartz
OpenGL ES Core Graphics
GPU CPU

9. iOS Stack UIButton
UILabel
UIKit
Core Animation smooth transitions
2D/3D Graphics Quartz
OpenGL ES Core Graphics
GPU CPU
C language

10. iOS Stack
UIKit
Core Animation
OpenGL ES Core Graphics
GPU CPU
Hardware Acceleration

11. ONscreen rendering
data GPU obrazovka

12. OFFscreen rendering
data CPU
bitmapa
obrazovka GPU

13. Kdy se použije
OFFscreen rendering?
• Core Graphics (když použiju cokoliv s CG*)
• drawRect() metoda, i prázdná!
• CALayer s shouldRasterize == YES.
• CALayer s maskami (setMasksToBounds)
dynamickými stíny (setShadow*).
• drawText včetně Core Text.
• použití group opacity (UIViewGroupOpacity).

14. Proč a kdy to vadí?
“Offscreen drawing affects
performance when animation is
involved”

15. Jak to testovat?
Nebo to umí i Instruments...

16. Case Study: UIButton
Jak udělat grafiku pro UIButton?
Předrenderované assety
CALayer
drawRect

17. Předrenderované
assety
GPU + předrenderované malé
resizeable/tileable obrázky
ZENové, náročné na údržbu a
realizaci

18. CALayer
nutné OFFscreen průběhy pro
maskování rohů
v Core Animation je defaultně
zapnutá animace
Overkill

19. drawRect
drawRect -> Core Graphics
touch -> setNeedsDisplay -> redraw
CPU & memory waste
hodně tlačítek v UI naráz = smrt

20. Závěr? Máme tedy JEN
assety?
NE!
Je tu hybridní přístup:
Kód -> obrázek -> assetový postup
pro všechny instance

21. One more thing...

22. GPU OFFscreen
rendering!
CPU OFFscreen rendering je synchronní s
aplikací
- je to zápis do bitmapy pixel by pixel
OFFscreen rendering může dělat i GPU! -> render
server - asynchronně
Změna kontextu mezi ON a OFF je pro GPU ale
strašně drahá!

23. GPU OFFscreen
rendering!
důsledek: GPU může kreslit pomaleji než
CPU! (flush + bariéra)
Proto je CoreGraphics přes CPU
[CALayer setShouldRasterize:] vs. CG
- nutno testovat!

24. Next

25. Next ?
KVC, KVO a Cocoa Bindings
Document Oriented Programing v Cocoa
Advanced Cora Data