Оцените презентацию от 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](/documents_6/ed541bd941450589db420949a6eaf00f/img0.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img1.jpg)
Содержание слайда: Performance-Tuning Mobile Flex Applications
Performance Metrics
General Tips
Item Renderers
Views
Performance Optimizations in Flex 4.6
Q & A
№3 слайд![Performance Metrics](/documents_6/ed541bd941450589db420949a6eaf00f/img2.jpg)
Содержание слайда: Performance Metrics
№4 слайд![Performance Metrics Metrics](/documents_6/ed541bd941450589db420949a6eaf00f/img3.jpg)
Содержание слайда: Performance Metrics
Metrics
Types of Execution Time
Frame rate (fps)
Startup / validation time
Memory
SWF Size
№5 слайд![Where is Time Spent?](/documents_6/ed541bd941450589db420949a6eaf00f/img4.jpg)
Содержание слайда: Where is Time Spent?
№6 слайд![General Tips](/documents_6/ed541bd941450589db420949a6eaf00f/img5.jpg)
Содержание слайда: General Tips
№7 слайд![Rules of Thumb Use the best](/documents_6/ed541bd941450589db420949a6eaf00f/img6.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img7.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img8.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img9.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img10.jpg)
Содержание слайда: ItemRenderers
№12 слайд![ItemRenderers in Spark](/documents_6/ed541bd941450589db420949a6eaf00f/img11.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img12.jpg)
Содержание слайда: Optimizing MXML ItemRenderer
№14 слайд![Optimizing MXML ItemRenderer](/documents_6/ed541bd941450589db420949a6eaf00f/img13.jpg)
Содержание слайда: Optimizing MXML ItemRenderer
№15 слайд![MXML ItemRenderer, Baseline](/documents_6/ed541bd941450589db420949a6eaf00f/img14.jpg)
Содержание слайда: MXML ItemRenderer, Baseline Numbers
№16 слайд![Replacing RichText with Label](/documents_6/ed541bd941450589db420949a6eaf00f/img15.jpg)
Содержание слайда: Replacing RichText with Label
№17 слайд![Replacing RichText with Label](/documents_6/ed541bd941450589db420949a6eaf00f/img16.jpg)
Содержание слайда: Replacing RichText with Label
№18 слайд![Adding ContentCache](/documents_6/ed541bd941450589db420949a6eaf00f/img17.jpg)
Содержание слайда: Adding ContentCache
№19 слайд![Adding ContentCache](/documents_6/ed541bd941450589db420949a6eaf00f/img18.jpg)
Содержание слайда: Adding ContentCache
№20 слайд![Set cacheAsBitmap on the](/documents_6/ed541bd941450589db420949a6eaf00f/img19.jpg)
Содержание слайда: Set “cacheAsBitmap” on the Decorator
№21 слайд![Set cacheAsBitmap on the](/documents_6/ed541bd941450589db420949a6eaf00f/img20.jpg)
Содержание слайда: Set “cacheAsBitmap” on the Decorator
№22 слайд![cacheAsBitmap](/documents_6/ed541bd941450589db420949a6eaf00f/img21.jpg)
Содержание слайда: cacheAsBitmap + opaqueBackground on the ItemRenderer
№23 слайд![cacheAsBitmap](/documents_6/ed541bd941450589db420949a6eaf00f/img22.jpg)
Содержание слайда: cacheAsBitmap + opaqueBackground on the ItemRenderer
№24 слайд![IconItemRenderer and](/documents_6/ed541bd941450589db420949a6eaf00f/img23.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img24.jpg)
Содержание слайда: IconItemRenderer
№26 слайд![IconItemRenderer](/documents_6/ed541bd941450589db420949a6eaf00f/img25.jpg)
Содержание слайда: IconItemRenderer
№27 слайд![Views](/documents_6/ed541bd941450589db420949a6eaf00f/img26.jpg)
№28 слайд![Views Creating Views in MXML](/documents_6/ed541bd941450589db420949a6eaf00f/img27.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img28.jpg)
Содержание слайда: Sample View
№30 слайд![Baseline Results](/documents_6/ed541bd941450589db420949a6eaf00f/img29.jpg)
Содержание слайда: Baseline Results
№31 слайд![Deferred Instantiation Don t](/documents_6/ed541bd941450589db420949a6eaf00f/img30.jpg)
Содержание слайда: Deferred Instantiation
Don’t create objects until needed
№32 слайд![Results](/documents_6/ed541bd941450589db420949a6eaf00f/img31.jpg)
Содержание слайда: Results
№33 слайд![Convert Image to BitmapImage](/documents_6/ed541bd941450589db420949a6eaf00f/img32.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img33.jpg)
Содержание слайда: Using ContentCache
№35 слайд![Results](/documents_6/ed541bd941450589db420949a6eaf00f/img34.jpg)
Содержание слайда: Results
№36 слайд![BorderContainer](/documents_6/ed541bd941450589db420949a6eaf00f/img35.jpg)
Содержание слайда: BorderContainer
BorderContainer is not optimized for mobile
Instead use a Group with a Rect
№37 слайд![Minimize Nested Groups](/documents_6/ed541bd941450589db420949a6eaf00f/img36.jpg)
Содержание слайда: Minimize Nested Groups
Sometimes unnecessary nesting is easy to remove
№38 слайд![Using ConstraintLayout](/documents_6/ed541bd941450589db420949a6eaf00f/img37.jpg)
Содержание слайда: Using ConstraintLayout Instead of Nested Groups
Consider using ConstraintLayout instead of nested VGroup and HGroup
№39 слайд![Using ConstraintLayout](/documents_6/ed541bd941450589db420949a6eaf00f/img38.jpg)
Содержание слайда: Using ConstraintLayout Instead of Nested Groups
№40 слайд![Using ConstraintLayout](/documents_6/ed541bd941450589db420949a6eaf00f/img39.jpg)
Содержание слайда: Using ConstraintLayout Instead of Nested Groups
№41 слайд![Results](/documents_6/ed541bd941450589db420949a6eaf00f/img40.jpg)
Содержание слайда: Results
№42 слайд![Convert GraphicElements to](/documents_6/ed541bd941450589db420949a6eaf00f/img41.jpg)
Содержание слайда: Convert GraphicElements to FXG
GraphicElements
Lightweight graphic primitives
FXG
Static compile-time optimized graphics
№43 слайд![Example of MXML](/documents_6/ed541bd941450589db420949a6eaf00f/img42.jpg)
Содержание слайда: Example of MXML GraphicElements
№44 слайд![Example of Compiler Optimized](/documents_6/ed541bd941450589db420949a6eaf00f/img43.jpg)
Содержание слайда: Example of Compiler Optimized FXG
№45 слайд![Results](/documents_6/ed541bd941450589db420949a6eaf00f/img44.jpg)
Содержание слайда: Results
№46 слайд![Convert FXG to PNG Consider](/documents_6/ed541bd941450589db420949a6eaf00f/img45.jpg)
Содержание слайда: Convert FXG to PNG
Consider converting complicated FXG shapes to bitmaps
Reduce rendering time
Lose scaling fidelity
№47 слайд![Results](/documents_6/ed541bd941450589db420949a6eaf00f/img46.jpg)
Содержание слайда: Results
№48 слайд![Results](/documents_6/ed541bd941450589db420949a6eaf00f/img47.jpg)
Содержание слайда: Results
№49 слайд![Performance Optimizations in](/documents_6/ed541bd941450589db420949a6eaf00f/img48.jpg)
Содержание слайда: Performance Optimizations in Flex 4.6
№50 слайд![Scroller On demand scrollbars](/documents_6/ed541bd941450589db420949a6eaf00f/img49.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img50.jpg)
Содержание слайда: itemRendererFunction Recycles!
Tip: Only create one ClassFactory per item renderer class
№52 слайд![-bit Rendering in Android](/documents_6/ed541bd941450589db420949a6eaf00f/img51.jpg)
Содержание слайда: 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](/documents_6/ed541bd941450589db420949a6eaf00f/img52.jpg)
Содержание слайда: 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/