Silverlight: dal design allo sviluppo di un’applicazione.
roberto.design@hotmail.it
blogs.msdn.com/designexperience

designer
developer

Expression Experience
WPF
Windows Presentation Foundation
Grafica vettoriale Modelli ed oggetti
immagini bitmap 3D
Audio
Video

Visual Design Workflow
designer developer
*upcoming third party plug-ins

Expression Design Output
}
Export as “bitmap”.
(.png; jpeg; etc.)
Export as “canvas”.
eXstensible Application Markup Language
Export as “resource dictionary”.

Others XAML Conversion
*resolution 96 pixel

XAML Third-Party Conversion
Vector-based conversions:
Adobe Illustrator to WPF/XAML Export Plug-in
http://www.mikeswanson.com/xamlexport/
Animation conversions:
The Converted
http://www.theconverted.ca/
3D conversion:
Swift 3D application
http://www.erain.com/products/swift3d/silverlight/
Maya to XAML Exporter
http://www.highend3d.com/maya/downloads/tools/3d_converters/3782.html

Expression Blend
Import as “canvas”.
}
eXstensible Application Markup Language

Type of projects
designer
Windows Presentation Foundation
Smart Clients – Fully Connected to the Web
developer

Rich Media Asset in Silverlight Project
Asset type Summary:
• Bitmap image: .jpg or .png files
• Vector image as XAML.
• Video: Windows Media® Video.
convert files in other formats to .wmv by using Microsoft Expression Encoder
• Audio: Windows Media Audio or MP3.
• XAML document

Understanding the Object Tree in Expression Blend
concept of layers

The parent-child relationship
The parent-child relationship between objects
is important because it defines the effects
of manipulating objects.
If you manipulate the properties of a parent Canvas, such as by moving its position on the artboard,
the same effect is applied to each of the object’s children.
However, if you manipulate the properties of a child object, the parent is not affected.

Animations
Animations are based on real time in seconds, minutes, and hours, and are not framebased.

Animations

Project structure

Naming Conventions: designer/developer
La sintassi dei commenti in XAML è identica all’HTML
Tipo controllo
x:Name=”btnPlay”; // a button
x:Name=”imgBackground”; //an image
x:Name=”cnvButtonHolder”; // a canvas
Nome

Features of Expression Encoder

Expression Encoder Workflow
} } }
video .wmv VC-1 Player Player
(.avi, .mpeg, .mov, wmv, mp3, …) (Silverlight Player) custom

Risorse e link utili
www.nibblestutorials.net
blogs.msdn.com/designexperience

Risorse e link utili
www.microsoft.com/expression
www.microsoft.it/expression NEW!
www.silverlight.net
www.microsoft.com/silverlight