🗊Презентация Performance-tuning mobile flex applications

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Performance-tuning mobile flex applications, слайд №1Performance-tuning mobile flex applications, слайд №2Performance-tuning mobile flex applications, слайд №3Performance-tuning mobile flex applications, слайд №4Performance-tuning mobile flex applications, слайд №5Performance-tuning mobile flex applications, слайд №6Performance-tuning mobile flex applications, слайд №7Performance-tuning mobile flex applications, слайд №8Performance-tuning mobile flex applications, слайд №9Performance-tuning mobile flex applications, слайд №10Performance-tuning mobile flex applications, слайд №11Performance-tuning mobile flex applications, слайд №12Performance-tuning mobile flex applications, слайд №13Performance-tuning mobile flex applications, слайд №14Performance-tuning mobile flex applications, слайд №15Performance-tuning mobile flex applications, слайд №16Performance-tuning mobile flex applications, слайд №17Performance-tuning mobile flex applications, слайд №18Performance-tuning mobile flex applications, слайд №19Performance-tuning mobile flex applications, слайд №20Performance-tuning mobile flex applications, слайд №21Performance-tuning mobile flex applications, слайд №22Performance-tuning mobile flex applications, слайд №23Performance-tuning mobile flex applications, слайд №24Performance-tuning mobile flex applications, слайд №25Performance-tuning mobile flex applications, слайд №26Performance-tuning mobile flex applications, слайд №27Performance-tuning mobile flex applications, слайд №28Performance-tuning mobile flex applications, слайд №29Performance-tuning mobile flex applications, слайд №30Performance-tuning mobile flex applications, слайд №31Performance-tuning mobile flex applications, слайд №32Performance-tuning mobile flex applications, слайд №33Performance-tuning mobile flex applications, слайд №34Performance-tuning mobile flex applications, слайд №35Performance-tuning mobile flex applications, слайд №36Performance-tuning mobile flex applications, слайд №37Performance-tuning mobile flex applications, слайд №38Performance-tuning mobile flex applications, слайд №39Performance-tuning mobile flex applications, слайд №40Performance-tuning mobile flex applications, слайд №41Performance-tuning mobile flex applications, слайд №42Performance-tuning mobile flex applications, слайд №43Performance-tuning mobile flex applications, слайд №44Performance-tuning mobile flex applications, слайд №45Performance-tuning mobile flex applications, слайд №46Performance-tuning mobile flex applications, слайд №47Performance-tuning mobile flex applications, слайд №48Performance-tuning mobile flex applications, слайд №49Performance-tuning mobile flex applications, слайд №50Performance-tuning mobile flex applications, слайд №51Performance-tuning mobile flex applications, слайд №52Performance-tuning mobile flex applications, слайд №53
Скачать

Содержание ▲

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

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

Слайд 1


Performance-Tuning Mobile Flex Applications Evtim Georgiev Computer Scientist, Flex SDK http://evtimmy.com Steve Shongrunden Computer Scientist, Flex SDK http://flexponential.com
Описание слайда:
Performance-Tuning Mobile Flex Applications Evtim Georgiev Computer Scientist, Flex SDK http://evtimmy.com Steve Shongrunden Computer Scientist, Flex SDK http://flexponential.com

Слайд 2


Performance-Tuning Mobile Flex Applications Performance Metrics General Tips Item Renderers Views Performance Optimizations in Flex 4.6 Q & A
Описание слайда:
Performance-Tuning Mobile Flex Applications Performance Metrics General Tips Item Renderers Views Performance Optimizations in Flex 4.6 Q & A

Слайд 3


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

Слайд 4


Performance Metrics Metrics Types of Execution Time Frame rate (fps) Startup / validation time Memory SWF Size
Описание слайда:
Performance Metrics Metrics Types of Execution Time Frame rate (fps) Startup / validation time Memory SWF Size

Слайд 5


Where is Time Spent?
Описание слайда:
Where is Time Spent?

Слайд 6


General Tips
Описание слайда:
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
Описание слайда:
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
Описание слайда:
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)
Описание слайда:
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
Описание слайда:
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
Описание слайда:
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
Описание слайда:
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
Описание слайда:
Optimizing MXML ItemRenderer

Слайд 14


Optimizing MXML ItemRenderer
Описание слайда:
Optimizing MXML ItemRenderer

Слайд 15


MXML ItemRenderer, Baseline Numbers
Описание слайда:
MXML ItemRenderer, Baseline Numbers

Слайд 16


Replacing RichText with Label
Описание слайда:
Replacing RichText with Label

Слайд 17


Replacing RichText with Label
Описание слайда:
Replacing RichText with Label

Слайд 18


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

Слайд 19


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

Слайд 20


Set “cacheAsBitmap” on the Decorator
Описание слайда:
Set “cacheAsBitmap” on the Decorator

Слайд 21


Set “cacheAsBitmap” on the Decorator
Описание слайда:
Set “cacheAsBitmap” on the Decorator

Слайд 22


cacheAsBitmap + opaqueBackground on the ItemRenderer
Описание слайда:
cacheAsBitmap + opaqueBackground on the ItemRenderer

Слайд 23


cacheAsBitmap + opaqueBackground on the ItemRenderer
Описание слайда:
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
Описание слайда:
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
Описание слайда:
IconItemRenderer

Слайд 26


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

Слайд 27


Views
Описание слайда:
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
Описание слайда:
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
Описание слайда:
Sample View

Слайд 30


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

Слайд 31


Deferred Instantiation Don’t create objects until needed
Описание слайда:
Deferred Instantiation Don’t create objects until needed

Слайд 32


Results
Описание слайда:
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
Описание слайда:
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
Описание слайда:
Using ContentCache

Слайд 35


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

Слайд 36


BorderContainer BorderContainer is not optimized for mobile Instead use a Group with a Rect
Описание слайда:
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
Описание слайда:
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
Описание слайда:
Using ConstraintLayout Instead of Nested Groups Consider using ConstraintLayout instead of nested VGroup and HGroup

Слайд 39


Using ConstraintLayout Instead of Nested Groups
Описание слайда:
Using ConstraintLayout Instead of Nested Groups

Слайд 40


Using ConstraintLayout Instead of Nested Groups
Описание слайда:
Using ConstraintLayout Instead of Nested Groups

Слайд 41


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

Слайд 42


Convert GraphicElements to FXG GraphicElements Lightweight graphic primitives FXG Static compile-time optimized graphics
Описание слайда:
Convert GraphicElements to FXG GraphicElements Lightweight graphic primitives FXG Static compile-time optimized graphics

Слайд 43


Example of MXML GraphicElements
Описание слайда:
Example of MXML GraphicElements

Слайд 44


Example of Compiler Optimized FXG
Описание слайда:
Example of Compiler Optimized FXG

Слайд 45


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

Слайд 46


Convert FXG to PNG Consider converting complicated FXG shapes to bitmaps Reduce rendering time Lose scaling fidelity
Описание слайда:
Convert FXG to PNG Consider converting complicated FXG shapes to bitmaps Reduce rendering time Lose scaling fidelity

Слайд 47


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

Слайд 48


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

Слайд 49


Performance Optimizations in Flex 4.6
Описание слайда:
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
Описание слайда:
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
Описание слайда:
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
Описание слайда:
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 – http://www.evtimmy.com Steve – http://www.flexponential.com Best Practices for Building Flex Tablet Applications – Glenn Ruehle, Flex SDK Flex Performance Tips & Tricks from 360Flex Denver 2011 http://flexponential.com/2011/04/20/flex-performance-tips-tricks/ General Performance Tips from Adobe MAX 2010 http://2010.max.adobe.com/online/2010/MAX232_1288211035765KTXV IconItemRenderer and LabelItemRenderer http://flexponential.com/tag/iconitemrenderer/
Описание слайда:
More Resources Blogs Evtim – http://www.evtimmy.com Steve – http://www.flexponential.com Best Practices for Building Flex Tablet Applications – Glenn Ruehle, Flex SDK Flex Performance Tips & Tricks from 360Flex Denver 2011 http://flexponential.com/2011/04/20/flex-performance-tips-tricks/ General Performance Tips from Adobe MAX 2010 http://2010.max.adobe.com/online/2010/MAX232_1288211035765KTXV IconItemRenderer and LabelItemRenderer http://flexponential.com/tag/iconitemrenderer/

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию