SlideShare ist ein Scribd-Unternehmen logo

Flex3 Deep Dive Final

•Als PPT, PDF herunterladen•
•
RJ Owen
RJ Owen

Slides from a talk I gave with Brad Umbaugh at Adobe MAX 08. The talk covers Binding, Collections, System Manager and Style Manager in Adobe Flex 3.

BusinessTechnologie
1 von 72
A Deep Dive into the Flex 3 Framework ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Introductions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
What will we talk about today? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Copyright 2008 Adobe Systems Incorporated. All rights reserved. Data Binding ®
The Problem Copyright 2008 Adobe Systems Incorporated. All rights reserved. Need a way to sync views with changing data ®
The Scenario Copyright 2008 Adobe Systems Incorporated. All rights reserved. Scenario: A value object with some text that should be displayed on a label ®
Roll-my-own solution ,[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ,[object Object],[object Object],[object Object],®
Roll-my-own solution ,[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],®
Roll-my-own solution ,[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ,[object Object],[object Object],[object Object],<mx:Label id=”theLabel”/> ,[object Object],[object Object],[object Object],[object Object],[object Object],®
Roll-my-own solution Copyright 2008 Adobe Systems Incorporated. All rights reserved. Ugh. Annoying. Too much code for so simple a task. ®
Flex’s solution: data binding ,[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Flex’s solution: data binding ,[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. <mx:Label id=”theLabel” text=”{vo.text}”/> [Bindable] public var vo : BoringVO1; ,[object Object],[object Object],[object Object],[object Object],The VO! The app! ®
The Basic Idea ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
MXML Example (with curly braces), binding to a property ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. A warning! ®
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
MXML Example (with curly braces), binding to a function ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
MXML Example (with curly braces), binding to XML data ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
MXML Example: using <Binding> tag ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
What does the generated code buy you? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Binding in Actionscript: bindProperty() and bindSetter() ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Common problem: performance in Cairngorm ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Common problem: two-way binding ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Common problem: making whole objects [Bindable] instead of individual properties ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Copyright 2008 Adobe Systems Incorporated. All rights reserved. StyleManager ®
StyleManager: Styling 101 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
StyleManager: Styling 101 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
StyleManager: Styling 101 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Style Precedence ,[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. Text ,[object Object],®
Adding styles to components in AS3 ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Using StyleManager to manage Assets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Using the StyleManager ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Load style declarations at runtime ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated. All rights reserved. Example courtesy of Juan Sanchez and Andy McIntosh ®
Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated. All rights reserved. Example courtesy of Juan Sanchez and Andy McIntosh ®
Example: clearing and restoring styles ,[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. public function unloadRed(): void { StyleManager.unloadStyleDeclarations( 'Red.swf' ); } // Code to restore the default 'Halo' button public function restoreDefaults(): void { StyleManager.setStyleDeclaration( 'Button' , defaultButtonStyle, true ); } private var defaultButtonStyle : CSSStyleDeclaration; public function onComplete(): void { defaultButtonStyle = StyleManager.getStyleDeclaration( 'Button' ); } ... <mx:Button label=&quot; Go Red! &quot; click=&quot;loadRed()&quot; /> <mx:Button label=&quot; Go Blue! &quot; click=&quot;loadBlue()&quot; /> <mx:Button label=&quot; Clear &quot; click=&quot;clearStyles()&quot; /> <mx:Button label=&quot; Restore &quot; click=&quot;restoreDefaults()&quot; /> <mx:Button label=&quot; Unload Red &quot; click=&quot;unloadRed()&quot; /> ®
Copyright 2008 Adobe Systems Incorporated. All rights reserved. StyleManager demo: ThemeSwap http://www.scalenine.com/samples/themeSwapper/themeSwap.html ®
In case it doesn’t work live: “Obsidian” theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
In case it doesn’t work live: iTunes 7 Theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
In case it doesn’t work live: Windows Vista theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
More info? ,[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ScaleNine! Scale....ten? ®
Copyright 2008 Adobe Systems Incorporated. All rights reserved. Collections ®
What is a collection? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Why do we need collections? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
So, what are collections really? ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
IList ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
ICollectionView ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
ListCollectionView ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
ArrayCollection, XMLListCollection ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Where are collections useful? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Review: why do we need collections? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
1. Abstract the data format ,[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
2. Update views when data changes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
3. Consistent data manipulation operations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
4. Sorted views ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
5. Filtered views ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Hierarchical Data ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Cursors ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Common Problem: Manipulating a view component immediately after changing the data provider ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Common Problem: Not seeing expected changes in the view ,[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Copyright 2008 Adobe Systems Incorporated. All rights reserved. SystemManager ®
SystemManager: overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
SystemManager: 2 frame swf ,[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. SystemManager Preloader DownloadProgressBar HelperClasses Flex Framework Application code Embedded Assets Frame 1 Frame 2 RSLs ®
SystemManager: 2 frame walkthrough ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. SystemManager Preloader DownloadProgressBar HelperClasses Frame 1 ®
SystemManager: 2 frame walkthrough ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. Flex Framework Application code Embedded Assets Frame 2 RSLs ®
SystemManager: what is it good for? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
SystemManager: what else is it good for? ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
SystemManager Pitfalls: Multiple Child Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® application children toolTipChildren popupChildren cursorChildren
SystemManager Pitfalls: The Root ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
Thank you! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®

Empfohlen

Diving in the Flex Data Binding Waters
Diving in the Flex Data Binding WatersDiving in the Flex Data Binding Waters
Diving in the Flex Data Binding Watersmichael.labriola
 
Flex data binding pitfalls: 10 common misuses and mistakes
Flex data binding pitfalls: 10 common misuses and mistakesFlex data binding pitfalls: 10 common misuses and mistakes
Flex data binding pitfalls: 10 common misuses and mistakesElad Elrom
 
Flex3 data binding
Flex3 data bindingFlex3 data binding
Flex3 data bindingguestdf3003
 
Knockoutjs databinding
Knockoutjs databindingKnockoutjs databinding
Knockoutjs databindingBoulos Dib
 
Vue.js 101
Vue.js 101Vue.js 101
Vue.js 101Mark Freedman
 
Object identification and its management
Object identification and its managementObject identification and its management
Object identification and its managementVinay Kumar Pulabaigari
 
Bringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBoyan Mihaylov
 
Android data binding
Android data bindingAndroid data binding
Android data bindingSergi Martínez
 

Empfohlen

Diving in the Flex Data Binding Waters
Diving in the Flex Data Binding WatersDiving in the Flex Data Binding Waters
Diving in the Flex Data Binding Watersmichael.labriola
 
Flex data binding pitfalls: 10 common misuses and mistakes
Flex data binding pitfalls: 10 common misuses and mistakesFlex data binding pitfalls: 10 common misuses and mistakes
Flex data binding pitfalls: 10 common misuses and mistakesElad Elrom
 
Flex3 data binding
Flex3 data bindingFlex3 data binding
Flex3 data bindingguestdf3003
 
Knockoutjs databinding
Knockoutjs databindingKnockoutjs databinding
Knockoutjs databindingBoulos Dib
 
Vue.js 101
Vue.js 101Vue.js 101
Vue.js 101Mark Freedman
 
Object identification and its management
Object identification and its managementObject identification and its management
Object identification and its managementVinay Kumar Pulabaigari
 
Bringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBoyan Mihaylov
 
Android data binding
Android data bindingAndroid data binding
Android data bindingSergi Martínez
 
Data binding
Data bindingData binding
Data bindingYonatan Levin
 
Proxy design pattern
Proxy design patternProxy design pattern
Proxy design patternSase Kleckovski
 
Proxy Pattern
Proxy PatternProxy Pattern
Proxy PatternHüseyin Ergin
 
Proxy pattern
Proxy patternProxy pattern
Proxy patternChester Hartin
 
Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805LearningTech
 
Knockoutjs
KnockoutjsKnockoutjs
KnockoutjsKarthik Sathyanarayanan
 
Silverlight Databinding
Silverlight DatabindingSilverlight Databinding
Silverlight DatabindingSrisakthi Kannan
 
Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Juan Sanchez
 
Meet the Communication Process by a Journey
Meet the Communication Process by a JourneyMeet the Communication Process by a Journey
Meet the Communication Process by a JourneyRahayu Pristiwardany
 
It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.Cameron Neylon
 
A Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebA Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebHilary Mason
 
Apple earnings q4-2010
Apple earnings q4-2010Apple earnings q4-2010
Apple earnings q4-2010O'Reilly Media
 
Mate
MateMate
MateJohn Blanco
 
But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?gagravarr
 
InsideRIA Outlook for 2009
InsideRIA Outlook for 2009InsideRIA Outlook for 2009
InsideRIA Outlook for 2009AndreCharland
 
2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloudO'Reilly Media
 
Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1O'Reilly Media
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 FlexJuan Sanchez
 
Hoppala at XMediaLab
Hoppala at XMediaLabHoppala at XMediaLab
Hoppala at XMediaLabMarc René Gardeya
 
Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016Andrew Shotland
 
Allister Frost Speaker Biography
Allister Frost Speaker BiographyAllister Frost Speaker Biography
Allister Frost Speaker BiographyWild Orange Media Ltd
 
Test Driven Development
Test Driven DevelopmentTest Driven Development
Test Driven DevelopmentJohn Blanco
 

Weitere ähnliche Inhalte

Was ist angesagt?

Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805LearningTech
 

Was ist angesagt? (7)

Data binding
Data bindingData binding
Data binding
 
Proxy design pattern
Proxy design patternProxy design pattern
Proxy design pattern
 
Proxy Pattern
Proxy PatternProxy Pattern
Proxy Pattern
 
Proxy pattern
Proxy patternProxy pattern
Proxy pattern
 
Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805
 
Knockoutjs
KnockoutjsKnockoutjs
Knockoutjs
 
Silverlight Databinding
Silverlight DatabindingSilverlight Databinding
Silverlight Databinding
 

Andere mochten auch

Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Juan Sanchez
 
Meet the Communication Process by a Journey
Meet the Communication Process by a JourneyMeet the Communication Process by a Journey
Meet the Communication Process by a JourneyRahayu Pristiwardany
 
It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.Cameron Neylon
 
A Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebA Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebHilary Mason
 
Apple earnings q4-2010
Apple earnings q4-2010Apple earnings q4-2010
Apple earnings q4-2010O'Reilly Media
 
But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?gagravarr
 
InsideRIA Outlook for 2009
InsideRIA Outlook for 2009InsideRIA Outlook for 2009
InsideRIA Outlook for 2009AndreCharland
 
2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloudO'Reilly Media
 
Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1O'Reilly Media
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 FlexJuan Sanchez
 
Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016Andrew Shotland
 
Test Driven Development
Test Driven DevelopmentTest Driven Development
Test Driven DevelopmentJohn Blanco
 
Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2O'Reilly Media
 
Sharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's StorySharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's StoryJoe Brockmeier
 
Voice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, GermanyVoice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, GermanyMarc René Gardeya
 
Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014patrickVinson
 
WattzOn Personal Energy Audit
WattzOn Personal Energy AuditWattzOn Personal Energy Audit
WattzOn Personal Energy AuditWeb 2.0 Expo
 

Andere mochten auch (20)

Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4
 
Meet the Communication Process by a Journey
Meet the Communication Process by a JourneyMeet the Communication Process by a Journey
Meet the Communication Process by a Journey
 
It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.
 
A Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebA Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime Web
 
Apple earnings q4-2010
Apple earnings q4-2010Apple earnings q4-2010
Apple earnings q4-2010
 
Mate
MateMate
Mate
 
But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?
 
InsideRIA Outlook for 2009
InsideRIA Outlook for 2009InsideRIA Outlook for 2009
InsideRIA Outlook for 2009
 
2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud
 
Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 Flex
 
Hoppala at XMediaLab
Hoppala at XMediaLabHoppala at XMediaLab
Hoppala at XMediaLab
 
Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016
 
Allister Frost Speaker Biography
Allister Frost Speaker BiographyAllister Frost Speaker Biography
Allister Frost Speaker Biography
 
Test Driven Development
Test Driven DevelopmentTest Driven Development
Test Driven Development
 
Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2
 
Sharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's StorySharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's Story
 
Voice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, GermanyVoice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, Germany
 
Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014
 
WattzOn Personal Energy Audit
WattzOn Personal Energy AuditWattzOn Personal Energy Audit
WattzOn Personal Energy Audit
 

Ähnlich wie Flex3 Deep Dive Final

The Theory Of The Dom
The Theory Of The DomThe Theory Of The Dom
The Theory Of The Domkaven yan
 
Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Jonas Follesø
 
Polymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele GallottiPolymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele GallottiThinkOpen
 
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...Bill Buchan
 
WPF - Controls &amp; Data
WPF - Controls &amp; DataWPF - Controls &amp; Data
WPF - Controls &amp; DataSharada Gururaj
 
Enterprise Library 2.0
Enterprise Library 2.0Enterprise Library 2.0
Enterprise Library 2.0Raju Permandla
 
Enterprise Library 3.0 Overview
Enterprise Library 3.0 OverviewEnterprise Library 3.0 Overview
Enterprise Library 3.0 Overviewmcgurk
 
Flex Building User Interface Components
Flex Building User Interface ComponentsFlex Building User Interface Components
Flex Building User Interface ComponentsAhmad Hamid
 
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry GervinWill your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry GervinBarry Gervin
 
Introduction to XAML and its features
Introduction to XAML and its featuresIntroduction to XAML and its features
Introduction to XAML and its featuresAbhishek Sur
 
The Magic of WPF & MVVM
The Magic of WPF & MVVMThe Magic of WPF & MVVM
The Magic of WPF & MVVMAbhishek Sur
 
Intake 38 data access 5
Intake 38 data access 5Intake 38 data access 5
Intake 38 data access 5Mahmoud Ouf
 
Web components
Web componentsWeb components
Web componentsMohd Saeed
 
Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDon Day
 
eXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction TrainingeXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction TrainingHoat Le
 

Ähnlich wie Flex3 Deep Dive Final (20)

The Theory Of The Dom
The Theory Of The DomThe Theory Of The Dom
The Theory Of The Dom
 
KnockoutJS and MVVM
KnockoutJS and MVVMKnockoutJS and MVVM
KnockoutJS and MVVM
 
Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008
 
Polymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele GallottiPolymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele Gallotti
 
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
 
WPF - Controls &amp; Data
WPF - Controls &amp; DataWPF - Controls &amp; Data
WPF - Controls &amp; Data
 
Enterprise Library 2.0
Enterprise Library 2.0Enterprise Library 2.0
Enterprise Library 2.0
 
Enterprise Library 3.0 Overview
Enterprise Library 3.0 OverviewEnterprise Library 3.0 Overview
Enterprise Library 3.0 Overview
 
JS basics
JS basicsJS basics
JS basics
 
Flex Building User Interface Components
Flex Building User Interface ComponentsFlex Building User Interface Components
Flex Building User Interface Components
 
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry GervinWill your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
 
Introduction to XAML and its features
Introduction to XAML and its featuresIntroduction to XAML and its features
Introduction to XAML and its features
 
Adobe Flex4
Adobe Flex4 Adobe Flex4
Adobe Flex4
 
.Net template solution architecture
.Net template solution architecture.Net template solution architecture
.Net template solution architecture
 
The Magic of WPF & MVVM
The Magic of WPF & MVVMThe Magic of WPF & MVVM
The Magic of WPF & MVVM
 
Intake 38 data access 5
Intake 38 data access 5Intake 38 data access 5
Intake 38 data access 5
 
ASP.NET MVC3 RAD
ASP.NET MVC3 RADASP.NET MVC3 RAD
ASP.NET MVC3 RAD
 
Web components
Web componentsWeb components
Web components
 
Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and Developer
 
eXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction TrainingeXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction Training
 

Mehr von RJ Owen

Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)RJ Owen
 
Moral designfinal
Moral designfinalMoral designfinal
Moral designfinalRJ Owen
 
Flex4 component lifecycle
Flex4 component lifecycleFlex4 component lifecycle
Flex4 component lifecycleRJ Owen
 
Obey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in FlexObey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in FlexRJ Owen
 
Flex 4 Overview
Flex 4 OverviewFlex 4 Overview
Flex 4 OverviewRJ Owen
 
Adobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life CycleAdobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life CycleRJ Owen
 
Adobe Flex Component Lifecycle
Adobe Flex Component LifecycleAdobe Flex Component Lifecycle
Adobe Flex Component LifecycleRJ Owen
 

Mehr von RJ Owen (7)

Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)
 
Moral designfinal
Moral designfinalMoral designfinal
Moral designfinal
 
Flex4 component lifecycle
Flex4 component lifecycleFlex4 component lifecycle
Flex4 component lifecycle
 
Obey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in FlexObey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in Flex
 
Flex 4 Overview
Flex 4 OverviewFlex 4 Overview
Flex 4 Overview
 
Adobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life CycleAdobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life Cycle
 
Adobe Flex Component Lifecycle
Adobe Flex Component LifecycleAdobe Flex Component Lifecycle
Adobe Flex Component Lifecycle
 

Kürzlich hochgeladen

8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCRashishs7044
 
PSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationPSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationAnamaria Contreras
 
8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCR8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCRashishs7044
 
Memorándum de Entendimiento (MoU) entre Codelco y SQM
Memorándum de Entendimiento (MoU) entre Codelco y SQMMemorándum de Entendimiento (MoU) entre Codelco y SQM
Memorándum de Entendimiento (MoU) entre Codelco y SQMVoces Mineras
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadAyesha Khan
 
Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Anamaria Contreras
 
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607dollysharma2066
 
Kenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith PereraKenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith Pereraictsugar
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyotictsugar
 
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607dollysharma2066
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis UsageNeil Kimberley
 
Innovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdfInnovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdfrichard876048
 
Kenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby AfricaKenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby Africaictsugar
 
Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Seta Wicaksana
 
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCRashishs7044
 
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deckPitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deckHajeJanKamps
 
Annual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesAnnual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesKeppelCorporation
 
Case study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailCase study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailAriel592675
 

Kürzlich hochgeladen (20)

8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
 
PSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationPSCC - Capability Statement Presentation
PSCC - Capability Statement Presentation
 
8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCR8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCR
 
Memorándum de Entendimiento (MoU) entre Codelco y SQM
Memorándum de Entendimiento (MoU) entre Codelco y SQMMemorándum de Entendimiento (MoU) entre Codelco y SQM
Memorándum de Entendimiento (MoU) entre Codelco y SQM
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
 
Corporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information TechnologyCorporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information Technology
 
Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.
 
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
 
Kenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith PereraKenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith Perera
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyot
 
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage
 
Innovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdfInnovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdf
 
Kenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby AfricaKenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby Africa
 
Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...
 
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
 
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deckPitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
 
Annual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesAnnual General Meeting Presentation Slides
Annual General Meeting Presentation Slides
 
Case study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailCase study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detail
 
Call Us ➥9319373153▻Call Girls In North Goa
Call Us ➥9319373153▻Call Girls In North GoaCall Us ➥9319373153▻Call Girls In North Goa
Call Us ➥9319373153▻Call Girls In North Goa
 

Flex3 Deep Dive Final

  • 1.
  • 2.
  • 3.
  • 4. Copyright 2008 Adobe Systems Incorporated. All rights reserved. Data Binding ®
  • 5. The Problem Copyright 2008 Adobe Systems Incorporated. All rights reserved. Need a way to sync views with changing data ®
  • 6. The Scenario Copyright 2008 Adobe Systems Incorporated. All rights reserved. Scenario: A value object with some text that should be displayed on a label ®
  • 7.
  • 8.
  • 9.
  • 10. Roll-my-own solution Copyright 2008 Adobe Systems Incorporated. All rights reserved. Ugh. Annoying. Too much code for so simple a task. ®
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Copyright 2008 Adobe Systems Incorporated. All rights reserved. StyleManager ®
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated. All rights reserved. Example courtesy of Juan Sanchez and Andy McIntosh ®
  • 36. Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated. All rights reserved. Example courtesy of Juan Sanchez and Andy McIntosh ®
  • 37.
  • 38. Copyright 2008 Adobe Systems Incorporated. All rights reserved. StyleManager demo: ThemeSwap http://www.scalenine.com/samples/themeSwapper/themeSwap.html ®
  • 39. In case it doesn’t work live: “Obsidian” theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
  • 40. In case it doesn’t work live: iTunes 7 Theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
  • 41. In case it doesn’t work live: Windows Vista theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
  • 42.
  • 43. Copyright 2008 Adobe Systems Incorporated. All rights reserved. Collections ®
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62. Copyright 2008 Adobe Systems Incorporated. All rights reserved. SystemManager ®
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.