17
®

Flash Catalyst Jug

Embed Size (px)

DESCRIPTION

FlashCatalyst

Citation preview

Page 1: Flash Catalyst Jug

®

Page 2: Flash Catalyst Jug

®

Behavior

Logic

Data

Graphics

Layout

Animation

Parts

States

Component Skin/

Page 3: Flash Catalyst Jug

®

Séparation complète de l’apparence et des fonctionnalités

Graphics

Layout

Animation

Parts

States

Component Skin

Behavior

Logic

Data

Page 4: Flash Catalyst Jug

®

Page 5: Flash Catalyst Jug

®

Page 6: Flash Catalyst Jug

®

Prototypage

Maquette

Design interactif

Prototypage

Projet FXP

Format FXGFlash Builder 4Format FXG

Page 7: Flash Catalyst Jug

®

<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>

Page 8: Flash Catalyst Jug

®

<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>

Page 9: Flash Catalyst Jug

®

<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>

Page 10: Flash Catalyst Jug

®

<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>

Page 11: Flash Catalyst Jug

®

Page 12: Flash Catalyst Jug

®

Page 13: Flash Catalyst Jug

®

Page 14: Flash Catalyst Jug

®

Page 16: Flash Catalyst Jug

®

Questions ?

Page 17: Flash Catalyst Jug