Discover The Unknown Flex 4.5 (MAX 2011)

Discover the Unknown Flex 4.5
Piotr Walczyszyn | Adobe Enterprise Evangelist

Blog: riaspace.com
Twitter: @pwalczyszyn

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

ls -al

AS3 secrets
Flex secrets
Flash Builder secrets

2

** ******** ****
**** **////// */// *
**//** /** / /*
** //** /********* ***
**********////////** /// *
/**//////** /** * /*
/** /** ******** / ****
// // //////// ////

3

AS3: Short conditional statements

var someVar:Number;

if (someVar)
doSomething();

4

AS3: Short constructors

var point:Point = new Point;

5

AS3: Throwing objects

try
{
throw 1;
}
catch (n:Number)
{
trace(n); // outputs 1
}

6

AS3: arguments class

dispatcher.addEventListener(
SomeEvent.TYPE,
function(event:SomeEvent):void
{
EventDispatcher(event.target).
removeEventListener(
event.type,
arguments.callee
);
});

7

AS3: ||= logical or assignment (by Sönke Rohde)

var num:Number;
num ||= 10;
trace(num); // outputs 10

num = 5;

num ||= 10;

8

AS3: Getting object class type

var clazz:Class = Object(obj).constructor;

9

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

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

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

AS3: global functions

// globalFunction.as file
package
{

public function globalFunction(text:String):void

{

trace(text);

}
}

13

AS3: internal functions

protected function someFunction():void
{

var internalFunction:Function = function(text:String):void

{

trace(text);

};

internalFunction("Hello World!");
}

14

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

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

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

********
/**/////
/** ** **
/******* //** **
/**//// //***
/** **/**
/** ** //**
// // //

18

Fx: ObjectProxy class

warning: unable to bind to property 'propName' on class 'Object' (class is not an IEventDispatcher)

19


19


var obj:Object = {propName : “prop value”};
var objProxy:ObjectProxy = new ObjectProxy(obj);

...

<s:Label text=”{objProxy.propName}” />

19

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

Fx: <fx:Private>

xmlns:mx="library://ns.adobe.com/flex/mx"

<fx:Declarations>

</fx:Declarations>


<fx:Private>

<Date>10/22/2008</Date>
<Author>Nick Danger</Author>
</fx:Private>

</s:Application>

21

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

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

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

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

Fx: FlexGlobals.topApplication



<fx:Declarations>

<fx:String id="myString">Hello World?!</fx:String>

</fx:Declarations>

</s:Application>

26

Fx: FlexGlobals.topApplication
<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

Fx: conditional compilation

CONFIG::android
{

lbl.text = "Android: " + FlexGlobals.topLevelApplication.myString;
}

CONFIG::ios
{

lbl.text = "iOS: " + FlexGlobals.topLevelApplication.myString;
}

28

Fx: conditional compilation

29

FB: keeping generated ActionScript

30

******** ******
/**///// /*////**
/** /* /**
/******* /******
/**//// /*//// **
/** /* /**
/** /*******
// ///////

31

FB: Press Ctrl+Space to invoke Content Assist.

32

FB: Metadata code completion

33

FB: Code completion when using states

34

FB: Camel-case code hinting

35

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

FB: Quick Outline - Press Cmd/Ctrl+O

37

FB: Code templates

38

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

FB: Call Hierarchy (Cmd/Ctrl+Alt+H)

40

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

Discover The Unknown Flex 4.5 (MAX 2011)

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a Discover The Unknown Flex 4.5 (MAX 2011)

Semelhante a Discover The Unknown Flex 4.5 (MAX 2011) (20)

Mais de Piotr Walczyszyn

Mais de Piotr Walczyszyn (7)

Último

Último (20)

Discover The Unknown Flex 4.5 (MAX 2011)

Notas do Editor