Презентация Performance-tuning mobile flex applications онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Performance-tuning mobile flex applications абсолютно бесплатно. Урок-презентация на эту тему содержит всего 53 слайда. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:53 слайда
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:6.63 MB
- Просмотров:61
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: 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
№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 – 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/
Скачать все slide презентации Performance-tuning mobile flex applications одним архивом:
