®
®
Behavior
Logic
Data
Graphics
Layout
Animation
Parts
States
Component Skin/
®
Séparation complète de l’apparence et des fonctionnalités
Graphics
Layout
Animation
Parts
States
Component Skin
Behavior
Logic
Data
®
®
®
Prototypage
Maquette
Design interactif
Prototypage
Projet FXP
Format FXGFlash Builder 4Format FXG
®
<s:Rect y="141.5" x="268.5" height=”50" width=”50">
<s:fill>
<s:SolidColor color="#bf8f8f"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="0x4769C4" caps="none"
joints="miter" miterLimit="4" weight="1"/>
</s:stroke>
</s:Rect>
®
<fx:DesignLayer d:userLabel="Layer 1">
<s:Rect y="141.5" x="268.5" height="333" width="281">
<s:fill>
<s:SolidColor color="#bf8f8f"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="0x4769C4" caps="none"
joints="miter" miterLimit="4" weight="1"/>
</s:stroke>
</s:Rect>
</fx:DesignLayer>
®
<fx:DesignLayer d:userLabel="Layer 1">
<s:Rect y="-35.5" x="290.5" height="333" width="281">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x990000" alpha="1" ratio="0" />
<s:GradientEntry color="0xD5D5D5" alpha="1" ratio="1" />
</s:LinearGradient>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="0x4769C4" caps="none"
joints="miter" miterLimit="4" weight="1"/>
</s:stroke>
</s:Rect>
</fx:DesignLayer>
®
<s:states>
<s:State name="up"/>
<s:State name="over"/>
<s:State name="down"/>
<s:State name="disabled"/>
</s:states>
<fx:DesignLayer d:userLabel="Layer 1">
<s:Rect y="-35.5" x="290.5" height="333" width="281">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x990000"
color.down=“0x77DD66” alpha="1" ratio="0" />
<s:GradientEntry color="0xD5D5D5" color.down=“0x1100DD”
alpha="1" ratio="1" />
</s:LinearGradient>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="0x4769C4" caps="none"
joints="miter" miterLimit="4" weight="1"/>
</s:stroke>
</s:Rect>
</fx:DesignLayer>
®
®
®
®
®
®
Questions ?