Performance-tuning mobile flex applications - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Performance-tuning mobile flex applications, слайд №1

Performance-tuning mobile flex applications, слайд №2

Performance-tuning mobile flex applications, слайд №3

Performance-tuning mobile flex applications, слайд №4

Performance-tuning mobile flex applications, слайд №5

Performance-tuning mobile flex applications, слайд №6

Performance-tuning mobile flex applications, слайд №7

Performance-tuning mobile flex applications, слайд №8

Performance-tuning mobile flex applications, слайд №9

Performance-tuning mobile flex applications, слайд №10

Performance-tuning mobile flex applications, слайд №11

Performance-tuning mobile flex applications, слайд №12

Performance-tuning mobile flex applications, слайд №13

Performance-tuning mobile flex applications, слайд №14

Performance-tuning mobile flex applications, слайд №15

Performance-tuning mobile flex applications, слайд №16

Performance-tuning mobile flex applications, слайд №17

Performance-tuning mobile flex applications, слайд №18

Performance-tuning mobile flex applications, слайд №19

Performance-tuning mobile flex applications, слайд №20

Performance-tuning mobile flex applications, слайд №21

Performance-tuning mobile flex applications, слайд №22

Performance-tuning mobile flex applications, слайд №23

Performance-tuning mobile flex applications, слайд №24

Performance-tuning mobile flex applications, слайд №25

Performance-tuning mobile flex applications, слайд №26

Performance-tuning mobile flex applications, слайд №27

Performance-tuning mobile flex applications, слайд №28

Performance-tuning mobile flex applications, слайд №29

Performance-tuning mobile flex applications, слайд №30

Performance-tuning mobile flex applications, слайд №31

Performance-tuning mobile flex applications, слайд №32

Performance-tuning mobile flex applications, слайд №33

Performance-tuning mobile flex applications, слайд №34

Performance-tuning mobile flex applications, слайд №35

Performance-tuning mobile flex applications, слайд №36

Performance-tuning mobile flex applications, слайд №37

Performance-tuning mobile flex applications, слайд №38

Performance-tuning mobile flex applications, слайд №39

Performance-tuning mobile flex applications, слайд №40

Performance-tuning mobile flex applications, слайд №41

Performance-tuning mobile flex applications, слайд №42

Performance-tuning mobile flex applications, слайд №43

Performance-tuning mobile flex applications, слайд №44

Performance-tuning mobile flex applications, слайд №45

Performance-tuning mobile flex applications, слайд №46

Performance-tuning mobile flex applications, слайд №47

Performance-tuning mobile flex applications, слайд №48

Performance-tuning mobile flex applications, слайд №49

Performance-tuning mobile flex applications, слайд №50

Performance-tuning mobile flex applications, слайд №51

Performance-tuning mobile flex applications, слайд №52

Performance-tuning mobile flex applications, слайд №53

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Performance-tuning mobile flex applications. Доклад-сообщение содержит 53 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Performance-Tuning Mobile Flex Applications Evtim Georgiev Computer Scientist, Flex SDK Steve Shongrunden Computer Scientist, Flex SDK

Слайд 2

Описание слайда:

Performance-Tuning Mobile Flex Applications Performance Metrics General Tips Item Renderers Views Performance Optimizations in Flex 4.6 Q & A

Слайд 3

Описание слайда:

Performance Metrics

Слайд 4

Описание слайда:

Performance Metrics Metrics Types of Execution Time Frame rate (fps) Startup / validation time Memory SWF Size

Слайд 5

Описание слайда:

Where is Time Spent?

Слайд 6

Описание слайда:

General Tips

Слайд 7

Описание слайда:

Rules of Thumb Use the best component for the job Cache and queue external content Set cacheAsBitmap on graphics that change infrequently but redraw often Minimize nested containers

Слайд 8

Описание слайда:

Spark Image and BitmapImage Tips BitmapImage vs Image Caching and Queuing (New in Flex 4.5) ContentCache class Cache on by default Queue off by default contentLoader property on Spark Image, BitmapImage IContentLoader interface Use PNG instead of GIF/JPEG Avoid large images for small icons

Слайд 9

Описание слайда:

Text Components Label - light Single-styled Recommended for static text (mobile & desktop) Used by DefaultItemRenderer (desktop) RichText - heavier Multi-styled RichEditableText - heaviest Selection, edit Used by TextInput and TextArea (desktop)

Слайд 10

Описание слайда:

Spark Text Components StyleableTextField (New in Flex 4.5) Mobile support for edit and selection (turn off if not needed!) Used by LabelItemRenderer & IconItemRenderer (mobile) Can’t use directly in MXML StyleableStageText (New in Flex 4.6) Native OS text control Responsive editing Really fast scrolling Used by TextInput and TextArea (mobile) Can’t use directly in MXML

Слайд 11

Описание слайда:

ItemRenderers

Слайд 12

Описание слайда:

ItemRenderers in Spark Creating ItemRenderers in MXML is quick and simple Avoid creating heavy ItemRenderers Don’t use heavy (text) components Cache and queue external content requests Use cacheAsBitmap (carefully!) Turn off “autoDrawBackground” if not needed Avoid Filters / drop shadows Avoid complex binding expressions Reduce number of nested Groups Use the mobile-optimized IconItemRenderer and LabelItemRenderer

Слайд 13

Описание слайда:

Optimizing MXML ItemRenderer

Слайд 14

Описание слайда:

Optimizing MXML ItemRenderer

Слайд 15

Описание слайда:

MXML ItemRenderer, Baseline Numbers

Слайд 16

Описание слайда:

Replacing RichText with Label

Слайд 17

Описание слайда:

Replacing RichText with Label

Слайд 18

Описание слайда:

Adding ContentCache

Слайд 19

Описание слайда:

Adding ContentCache

Слайд 20

Описание слайда:

Set “cacheAsBitmap” on the Decorator

Слайд 21

Описание слайда:

Set “cacheAsBitmap” on the Decorator

Слайд 22

Описание слайда:

cacheAsBitmap + opaqueBackground on the ItemRenderer

Слайд 23

Описание слайда:

cacheAsBitmap + opaqueBackground on the ItemRenderer

Слайд 24

Описание слайда:

IconItemRenderer and LabelItemRenderer Optimized for Mobile Use StylableTextField Lightweight layout Add more sophisticated ContentCache management Configurable Use styles, properties to control the layout, text, etc. Extensible Subclass to tweak layout, parts, etc. Tip: Create parts on demand

Слайд 25

Описание слайда:

IconItemRenderer

Слайд 26

Описание слайда:

IconItemRenderer

Слайд 27

Описание слайда:

Views

Слайд 28

Описание слайда:

Views Creating Views in MXML is quick and simple Avoid creating heavy Views Don’t use unnecessarily heavy (text) components Defer object creation Use BitmapImage instead of Image Cache and queue external content requests Use Group instead of BorderContainer Reduce nested containers Use mobile optimized component skins

Слайд 29

Описание слайда:

Sample View

Слайд 30

Описание слайда:

Baseline Results

Слайд 31

Описание слайда:

Deferred Instantiation Don’t create objects until needed

Слайд 32

Описание слайда:

Results

Слайд 33

Описание слайда:

Convert Image to BitmapImage Spark Image SkinnableComponent Customizable loading state Customizable “error” (broken image) state BitmapImage Lightweight GraphicElement Cache images that are used frequently

Слайд 34

Описание слайда:

Using ContentCache

Слайд 35

Описание слайда:

Results

Слайд 36

Описание слайда:

BorderContainer BorderContainer is not optimized for mobile Instead use a Group with a Rect

Слайд 37

Описание слайда:

Minimize Nested Groups Sometimes unnecessary nesting is easy to remove

Слайд 38

Описание слайда:

Using ConstraintLayout Instead of Nested Groups Consider using ConstraintLayout instead of nested VGroup and HGroup

Слайд 39

Описание слайда:

Using ConstraintLayout Instead of Nested Groups

Слайд 40

Описание слайда:

Using ConstraintLayout Instead of Nested Groups

Слайд 41

Описание слайда:

Results

Слайд 42

Описание слайда:

Convert GraphicElements to FXG GraphicElements Lightweight graphic primitives FXG Static compile-time optimized graphics

Слайд 43

Описание слайда:

Example of MXML GraphicElements

Слайд 44

Описание слайда:

Example of Compiler Optimized FXG

Слайд 45

Описание слайда:

Results

Слайд 46

Описание слайда:

Convert FXG to PNG Consider converting complicated FXG shapes to bitmaps Reduce rendering time Lose scaling fidelity

Слайд 47

Описание слайда:

Results

Слайд 48

Описание слайда:

Results

Слайд 49

Описание слайда:

Performance Optimizations in Flex 4.6

Слайд 50

Описание слайда:

Scroller On demand scrollbars Scrollbar skin parts are now factory parts Created when touch interaction starts Up to 15% faster for simple List views Tip: Update custom Scroller skins Tip: Use Scroller.viewport instead of Scroller.verticalScrollBar

Слайд 51

Описание слайда:

itemRendererFunction Recycles! Tip: Only create one ClassFactory per item renderer class

Слайд 52

Описание слайда:

32-bit Rendering in Android 32-bit rendering enables better color rendering, Stage3D, StageVideo 16-bit rendering has better scrolling performance Flash Builder 4.6 will automatically set this to 16-bit in new projects Existing projects should be updated

Слайд 53

Описание слайда:

More Resources Blogs Evtim – Steve – Best Practices for Building Flex Tablet Applications – Glenn Ruehle, Flex SDK Flex Performance Tips & Tricks from 360Flex Denver 2011 General Performance Tips from Adobe MAX 2010 IconItemRenderer and LabelItemRenderer