Ruben Swieringa
Ruben Swieringa
  rubenswieringa.com/blog
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
  linkedin.com/in/rubenswieringa
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
  linkedin.com/in/rubenswieringa
  del.icio.us/rube...
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
  linkedin.com/in/rubenswieringa
  del.icio.us/rube...
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
  linkedin.com/in/rubenswieringa
  del.icio.us/rube...
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
  linkedin.com/in/rubenswieringa
  del.icio.us/rube...
Ruben Swieringa
  rubenswieringa.com/blog
  twitter.com/rubenswieringa
  linkedin.com/in/rubenswieringa
  del.icio.us/rube...
Flex under the hood.
Flex under the hood.
        (rtfm)
Child-descriptors.
mx.core.UIComponentDescriptor
 ★ mx.controls.Button
 ★ label: “what?!”
mx.core.UIComponentDescriptor
 ★ mx.controls.Button
 ★ label: “what?!”



mx.controls.Button
 ★ label: “what?!”
Data-binding.
?!
_{Class}-binding-generated.as
_{Class}-binding-generated.as

_{Class}WatcherSetupUtil.as
_{Class}-binding-generated.as

_{Class}WatcherSetupUtil.as

 mx.core.PropertyWatcher
_{Class}-binding-generated.as

 _{Class}WatcherSetupUtil.as

  mx.core.PropertyWatcher

mx.events.PropertyChangeEvent
_MyComponent-binding-generated.as

_MyComponentWatcherSetupUtil.as

    mx.core.PropertyWatcher

  mx.events.PropertyChang...
_MyComponent-binding-generated.as

_MyComponentWatcherSetupUtil.as

    mx.core.PropertyWatcher
                          ...
MyComponent.mxml
_MyComponent-binding-generated.as
_MyComponentWatcherSetupUtil.as
Data-binding in ActionScript.
no mxml
Data-binding in ActionScript.
no mxml
Data-binding in ActionScript.
 ★ mx.binding.utils.BindingUtils
no mxml
Data-binding in ActionScript.
 ★ mx.binding.utils.BindingUtils

 ★ mx.binding.utils.ChangeWatcher
MyClass.as
CSS in Flex.
mx.styles.StyleManager
mx.styles.StyleManager

mx.styles.CSSStyleDeclaration
mx.styles.StyleManager

mx.styles.CSSStyleDeclaration

  ( {container}-generated.as )
MyComponent-generated.as
MyComponent-generated.as
MyComponent-generated.as   MyModule-generated.as
Selector-trimming.
Button.myStyleName { color: red; }
Button.myStyleName { color: red; }


   .myStyleName { color: red; }
mx.controls.Button { color: red; }
mx.controls.Button { color: red; }


               ???
(done)
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Flex under the hood
Upcoming SlideShare
Loading in …5
×

Flex under the hood

665 views
536 views

Published on

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

  • Be the first to like this

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

No notes for slide
  • Flex under the hood

    1. 1. Ruben Swieringa
    2. 2. Ruben Swieringa rubenswieringa.com/blog
    3. 3. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa
    4. 4. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa linkedin.com/in/rubenswieringa
    5. 5. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa linkedin.com/in/rubenswieringa del.icio.us/rubenswieringa
    6. 6. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa linkedin.com/in/rubenswieringa del.icio.us/rubenswieringa facebook.com/rubenswieringa
    7. 7. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa linkedin.com/in/rubenswieringa del.icio.us/rubenswieringa facebook.com/rubenswieringa rubenswieringa.hyves.nl
    8. 8. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa linkedin.com/in/rubenswieringa del.icio.us/rubenswieringa facebook.com/rubenswieringa rubenswieringa.hyves.nl flickr.com/rubenswieringa
    9. 9. Ruben Swieringa rubenswieringa.com/blog twitter.com/rubenswieringa linkedin.com/in/rubenswieringa del.icio.us/rubenswieringa facebook.com/rubenswieringa rubenswieringa.hyves.nl flickr.com/rubenswieringa
    10. 10. Flex under the hood.
    11. 11. Flex under the hood. (rtfm)
    12. 12. Child-descriptors.
    13. 13. mx.core.UIComponentDescriptor ★ mx.controls.Button ★ label: “what?!”
    14. 14. mx.core.UIComponentDescriptor ★ mx.controls.Button ★ label: “what?!” mx.controls.Button ★ label: “what?!”
    15. 15. Data-binding.
    16. 16. ?!
    17. 17. _{Class}-binding-generated.as
    18. 18. _{Class}-binding-generated.as _{Class}WatcherSetupUtil.as
    19. 19. _{Class}-binding-generated.as _{Class}WatcherSetupUtil.as mx.core.PropertyWatcher
    20. 20. _{Class}-binding-generated.as _{Class}WatcherSetupUtil.as mx.core.PropertyWatcher mx.events.PropertyChangeEvent
    21. 21. _MyComponent-binding-generated.as _MyComponentWatcherSetupUtil.as mx.core.PropertyWatcher mx.events.PropertyChangeEvent
    22. 22. _MyComponent-binding-generated.as _MyComponentWatcherSetupUtil.as mx.core.PropertyWatcher muscle mx.events.PropertyChangeEvent
    23. 23. MyComponent.mxml
    24. 24. _MyComponent-binding-generated.as
    25. 25. _MyComponentWatcherSetupUtil.as
    26. 26. Data-binding in ActionScript.
    27. 27. no mxml Data-binding in ActionScript.
    28. 28. no mxml Data-binding in ActionScript. ★ mx.binding.utils.BindingUtils
    29. 29. no mxml Data-binding in ActionScript. ★ mx.binding.utils.BindingUtils ★ mx.binding.utils.ChangeWatcher
    30. 30. MyClass.as
    31. 31. CSS in Flex.
    32. 32. mx.styles.StyleManager
    33. 33. mx.styles.StyleManager mx.styles.CSSStyleDeclaration
    34. 34. mx.styles.StyleManager mx.styles.CSSStyleDeclaration ( {container}-generated.as )
    35. 35. MyComponent-generated.as
    36. 36. MyComponent-generated.as
    37. 37. MyComponent-generated.as MyModule-generated.as
    38. 38. Selector-trimming.
    39. 39. Button.myStyleName { color: red; }
    40. 40. Button.myStyleName { color: red; } .myStyleName { color: red; }
    41. 41. mx.controls.Button { color: red; }
    42. 42. mx.controls.Button { color: red; } ???
    43. 43. (done)

    ×