Flash Catalyst Jug

®

®

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 ?