FlasHR - Flex Mobile tuning

623 views

Published on

Kako optimizirati Flex / AIR mobile aplikacije?

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
623
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

FlasHR - Flex Mobile tuning

  1. 1. Flex Mobile Tuningwww.flashr.org Flex Mobile Tuning 1
  2. 2. Flex for Mobile – što nas muči  Filozofija  Tehnikawww.flashr.org Flex Mobile Tuning 2
  3. 3. Filozofija - ekran  veličina  različite dimenzije  <autoOrients>  <autoOrients> i tipkovnica  StageWebViewwww.flashr.org Flex Mobile Tuning 3
  4. 4. Filozofija - input  TextInput  TouchEvent  GestureEvent Multitouch.inputMode = MultitouchInputMode.GESTURE MultitouchInputMode.TOUCH_POINT  GPS  Akcelerometarwww.flashr.org Flex Mobile Tuning 4
  5. 5. Filozofija – foto / video input  Camera class  CameraUI and CameraRoll klase  MediaEvent i MediaPromisewww.flashr.org Flex Mobile Tuning 5
  6. 6. Filozofija – životni put aplikacije  Rad u pozadini i izlaz  “Manual” početak i kraj  Battery low  Android background behavior  iOS background behaviourwww.flashr.org Flex Mobile Tuning 6
  7. 7. Filozofija – performanse  Startup zadaci  Rendering – BitmapData.draw()  Memorija  Background memory management X = nullwww.flashr.org Flex Mobile Tuning 7
  8. 8. Tehnikalije – itemRendereri  LabelItemRenderer  IconItemRenderer createChildren measure drawBackground layoutContents data setterwww.flashr.org Flex Mobile Tuning 8
  9. 9. Tehnikalije – slikice  BitmapImage ispred Image  Images – ContentCache  Multiresolution images  PNG ispred JPG  Styling  FXG + ActionScript skinningwww.flashr.org Flex Mobile Tuning 9
  10. 10. Tehnikalije – Layouts  Out:  HorizontalLayout  VerticalLayout  In:  BasicLayout  ConstraintLayoutwww.flashr.org Flex Mobile Tuning 10
  11. 11. Tehnikalije – BasicLayout <s:BitmapImage id="icon" top="10" left="5" width="32" height="32" /> <s:Label id="nameLabel" left="40" right="5" top="15" bottom="15" fontSize="12"/> <s:Label id="phoneNumberLabel" left="40" right="5" top="30" bottom="15" fontSize="10"/>www.flashr.org Flex Mobile Tuning 11
  12. 12. Tehnikalije – ConstraintLayout <s:layout> <s:ConstraintLayout> <s:constraintColumns> <s:ConstraintColumn id="leftPaddingColumn" width="5"/> <s:ConstraintColumn id="iconColumn" width="32"/> .... </s:constraintColumns> <s:constraintRows> <s:ConstraintRow id="topPaddingRow" height="10"/> <s:ConstraintRow id="firstRow" height="16"/> </s:constraintRows> </s:ConstraintLayout> </s:layout> <s:BitmapImage id="icon" left="iconColumn:0" top="firstRow:0" width="32" height="32"/> <s:Label id="nameLabel" left="textColumn:0" right="textColumn:0" top="firstRow:5" fontSize="12"/> <s:Label id="phoneNumberLabel" left="textColumn:0" right="textColumn:0" bottom="secondRow:2" fontSize="10"/>www.flashr.org Flex Mobile Tuning 12
  13. 13. Tehnikalije – Groups  Out:  BorderContainer  In:  Group  FXG grafikawww.flashr.org Flex Mobile Tuning 13
  14. 14. Tehnikalije – Views  set data umjesto creationComplete  Broj procesiranja  Manje bindinga  viewActivate server-side calls  includeIn  excludeFromwww.flashr.org Flex Mobile Tuning 14
  15. 15. Tehnikalije – informacije http://www.adobe.com/devnet/air/articles/considerations-air-apps-mobile.html http://www.adobe.com/devnet/flex/articles/flex-mobile-performance-checklist.html http://www.adobe.com/devnet/flash/articles/optimizing-mobile-performance.htmlwww.flashr.org Flex Mobile Tuning 15

×