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

2. designer
developer

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

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

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

6. Others XAML Conversion
*resolution 96 pixel

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

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

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

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

11. Understanding the Object Tree in Expression Blend
concept of layers

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

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

14. Animations

15. Project structure

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

17. Features of Expression Encoder

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

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

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