Discover The Unknown Flex 4.5 (MAX 2011)

** ******** **** **** **////// */// * **//** /** / /* ** //** /********* *** **********////////** /// * /**//////** /** * /* /** /** ******** / **** // // //////// //// 3©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: arguments class dispatcher.addEventListener( SomeEvent.TYPE, function(event:SomeEvent):void { EventDispatcher(event.target). removeEventListener( event.type, arguments.callee ); }); 7©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: ||= logical or assignment (by Sönke Rohde) var num:Number; num ||= 10; trace(num); // outputs 10 num = 5; trace(num); // outputs 5 num ||= 10; trace(num); // outputs 5 8©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: Labels & continue (by Christian Cantrell) outerLoop: for (var i:uint = 0; i < outerArray.length; ++i) { var foo:String = outerArray[i]; innerLoop: for (var j:uint = 0; j < innerArray.length; ++j) { var bar:String = innerArray[j]; if (foo == bar) { continue outerLoop; } } trace(foo); } 10©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: Label & break (by Christian Cantrell) dateCheck: { trace("Good morning."); var today:Date = new Date(); if (today.month == 11 && today.date == 24) // Christmas! { break dateCheck; } trace("Time for work!"); } 11©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: with statement function polar(r:Number):void { var a:Number, x:Number, y:Number; with (Math) { a = PI * pow(r, 2); x = r * cos(PI); y = r * sin(PI / 2); } trace("area = " + a); trace("x = " + x); trace("y = " + y); } polar(3); 12©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: global functions // globalFunction.as file package { public function globalFunction(text:String):void { trace(text); } } 13©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: internal functions protected function someFunction():void { var internalFunction:Function = function(text:String):void { trace(text); }; internalFunction("Hello World!"); } 14©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: custom namespaces (by Mihai Corlan) // online.as file package org.corlan { public namespace online = "http://corlan.org/apps/online"; } // offline.as file package org.corlan { public namespace offline = "http://corlan.org/apps/offline"; } 15©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: custom namespaces (by Mihai Corlan) online function save(object:Object):void { //save the object back to server trace("online"); } offline function save(object:Object):void { //save the object locally trace("offline"); } ... online::save(obj); offline::save(obj); 16©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

AS3: Proxy class dynamic class MyProxy extends Proxy { flash_proxy override function callProperty(name:*, ...rest):* { // function call proxy } flash_proxy override function getProperty(name:*):* { // getter call proxy } flash_proxy override function setProperty(name:*, value:*):void { // setter call proxy } } 17©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: ObjectProxy class warning: unable to bind to property propName on class Object (class is not an IEventDispatcher) var obj:Object = {propName : “prop value”}; var objProxy:ObjectProxy = new ObjectProxy(obj); ... <s:Label text=”{objProxy.propName}” /> 19©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: <fx:Library> & <fx:Definition> <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"> <fx:Library> <fx:Definition name="MySquare"> <s:Group> <s:Rect width="100%" height="100%"> <s:stroke> <s:SolidColorStroke color="red"/> </s:stroke> </s:Rect> </s:Group> </fx:Definition> </fx:Library> <fx:MySquare x="0" y="0" height="20" width="20"/> </s:Application> 20©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: <fx:Private> <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"> <fx:Declarations> </fx:Declarations>  <fx:Private>  <Date>10/22/2008</Date> <Author>Nick Danger</Author> </fx:Private> </s:Application> 21©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: <fx:Reparent> <s:states> <s:State name="portrait" /> <s:State name="landscape" /> </s:states> <s:VGroup includeIn="portrait" width="100%" height="100%"> <s:Rect id="redRect" includeIn="portrait" width="100%" height="100%"> <s:fill> <s:SolidColor color="#FF0000" /> </s:fill> </s:Rect> <s:Rect id="blackRect" includeIn="portrait" width="100%" height="100%"> <s:fill> <s:SolidColor color="#000000" /> </s:fill> </s:Rect> </s:VGroup> <s:HGroup includeIn="landscape" width="100%" height="100%"> <fx:Reparent target="redRect" includeIn="landscape" /> <fx:Reparent target="blackRect" includeIn="landscape" /> </s:HGroup> 22©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: states (by Steve Hartley) <s:states> <s:State name="portrait" /> <s:State name="landscape" /> </s:states> <s:Group width="100%" height="100%"> <s:layout.portrait> <s:VerticalLayout /> </s:layout.portrait> <s:layout.landscape> <s:HorizontalLayout /> </s:layout.landscape> <fx:RedRectangle width="100%" height="100%" /> <fx:BlackRectangle width="100%" height="100%" /> </s:Group> 23©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: state groups (by Narciso (nj) Jaramillo) <s:states> <s:State name="portraitPhone" stateGroups="portrait,phone" /> <s:State name="landscapePhone" stateGroups="landscape,phone" /> <s:State name="portraitTablet" stateGroups="portrait,tablet" /> <s:State name="landscapeTablet" stateGroups="landscape,tablet" /> </s:states> <s:ViewNavigator id="mainNavigator" left="0" left.landscapeTablet="{LIST_WIDTH}" top="0" top.portraitTablet="{ACTIONBAR_HEIGHT + LIST_HEIGHT}" right="0" bottom="0" firstView="views.SummaryView" firstView.tablet="views.DetailView” /> 24©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: IMXMLObject package { import mx.core.IMXMLObject; public class MyMXMLObject implements IMXMLObject { public function initialized(document:Object, id:String):void { trace("Added to:", document, "with id:", id); } } } ... <fx:Declarations> <local:MyMXMLObject id="myMXMLObject" /> </fx:Declarations> 25©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: FlexGlobals.topApplication <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"> <fx:Declarations> <fx:String id="myString">Hello World?!</fx:String> </fx:Declarations> </s:Application> 26©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: FlexGlobals.topApplication <?xml version="1.0" encoding="utf-8"?> <s:View xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" title="FlexGlobals" xmlns:local="*" creationComplete="view_creationCompleteHandler(event)"> <fx:Script> <![CDATA[ import mx.core.FlexGlobals; import mx.events.FlexEvent; protected function view_creationCompleteHandler(event:FlexEvent):void { lbl.text = FlexGlobals.topLevelApplication.myString; } ]]> </fx:Script> <s:Label id="lbl" verticalCenter="0" horizontalCenter="0" /> </s:View> 27©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Fx: conditional compilation CONFIG::android protected function view_creationCompleteHandler(event:FlexEvent):void { lbl.text = "Android: " + FlexGlobals.topLevelApplication.myString; } CONFIG::ios protected function view_creationCompleteHandler(event:FlexEvent):void { lbl.text = "iOS: " + FlexGlobals.topLevelApplication.myString; } 28©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

FB: Quick Assist - Press Cmd/Ctrl+1 * Rename in file * Rename in workspace * Generate getter/setter * Convert local variable to field * Assign to variable * Split variable declaration * Organize imports 36©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

FB: Organize imports Place your cursor on an import statement, press Cmd/Ctrl+1, and select Organize Imports. To sort the import statements alphabetically by package name, press Cmd/Ctrl+Shift+O. 39©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

FB: other shortcuts Cmd/Ctrl+I - Fixing indentation Cmd/Ctrl+Shift+C - Code commenting Cmd/Ctrl+Shift+D - Adding CDATA blocks (<![CDATA[ ]]>) Cmd/Ctrl+Shift+F - Format MXML documents - Block selection and edit mode Cmd/Ctrl+Shift+L - Complete list of shortcuts 41©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

http://www.riaspace.com	9023
http://www.riaspace.net	3198
http://riaspace.net	846
http://d.hatena.ne.jp	481
http://updater.riaspace.com	100
http://ns.riaspace.com	81
http://abtasty.com	41
http://feeds.feedburner.com	26
http://konkurs.riaspace.net	21
http://localhost	8
http://webcache.googleusercontent.com	8
http://iml.isobarkorea.co.kr	6
http://flerry.riaspace.com	4
http://translate.googleusercontent.com	4
http://www.hraps.pl	3
http://paper.li	3
http://127.0.0.1	2
http://www.travel.riaspace.com	2
http://cache.yahoofs.jp	2
http://www.video.riaspace.com	2
http://nowlab.isobarkorea.co.kr	2
http://riaspace.com.	1
http://feeds2.feedburner.com	1
http://alexamg.castellan.de	1
http://video.riaspace.com	1
http://www.riaspace.net.	1
http://a0.twimg.com	1
http://prlog.ru	1

Discover The Unknown Flex 4.5 (MAX 2011)

by Piotr Walczyszyn

Accessibility

Categories

Upload Details

Usage Rights

28 Embeds 13,870

Statistics

Discover The Unknown Flex 4.5 (MAX 2011) Presentation Transcript