Silverlight: dal design allo sviluppo di un’applicazione.

roberto.design@hotmail.it
blogs.msdn.com/designexperience
designer




           developer
Expression Experience
                                                       WPF
                                         ...
Visual Design Workflow

designer                                          developer




                 *upcoming third p...
Expression Design Output




               }
                          Export as “bitmap”.
                          (.pn...
Others XAML Conversion




           *resolution 96 pixel
XAML Third-Party Conversion

Vector-based conversions:
Adobe Illustrator to WPF/XAML Export Plug-in
http://www.mikeswanson...
Expression Blend


Import as “canvas”.




                                  }
                      eXstensible Applicati...
Type of projects
designer




                               Windows Presentation Foundation
                             ...
Rich Media Asset in Silverlight Project




Asset type Summary:
• Bitmap image: .jpg or .png files
• Vector image as XAML....
Understanding the Object Tree in Expression Blend

                     concept of layers
The parent-child relationship




                                    The parent-child relationship between objects
      ...
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 è id...
Features of Expression Encoder
Expression Encoder Workflow




                         } } }
      video                        .wmv VC-1   Player      ...
Risorse e link utili




                       www.nibblestutorials.net




    blogs.msdn.com/designexperience
Risorse e link utili


                                 www.microsoft.com/expression
                                 www....
Upcoming SlideShare
Loading in …5
×

Silverlight: Designer and Developer Workflow

4,875 views
4,713 views

Published on

Published in: Technology, Art & Photos
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,875
On SlideShare
0
From Embeds
0
Number of Embeds
35
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Silverlight: Designer and Developer Workflow

  1. 1. Silverlight: dal design allo sviluppo di un’applicazione. roberto.design@hotmail.it blogs.msdn.com/designexperience
  2. 2. designer developer
  3. 3. Expression Experience WPF Windows Presentation Foundation Grafica vettoriale Modelli ed oggetti immagini bitmap 3D Audio Video
  4. 4. Visual Design Workflow designer developer *upcoming third party plug-ins
  5. 5. Expression Design Output } Export as “bitmap”. (.png; jpeg; etc.) Export as “canvas”. eXstensible Application Markup Language Export as “resource dictionary”.
  6. 6. Others XAML Conversion *resolution 96 pixel
  7. 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. 8. Expression Blend Import as “canvas”. } eXstensible Application Markup Language
  9. 9. Type of projects designer Windows Presentation Foundation Smart Clients – Fully Connected to the Web developer
  10. 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. 11. Understanding the Object Tree in Expression Blend concept of layers
  12. 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. 13. Animations Animations are based on real time in seconds, minutes, and hours, and are not framebased.
  14. 14. Animations
  15. 15. Project structure
  16. 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. 17. Features of Expression Encoder
  18. 18. Expression Encoder Workflow } } } video .wmv VC-1 Player Player (.avi, .mpeg, .mov, wmv, mp3, …) (Silverlight Player) custom
  19. 19. Risorse e link utili www.nibblestutorials.net blogs.msdn.com/designexperience
  20. 20. Risorse e link utili www.microsoft.com/expression www.microsoft.it/expression NEW! www.silverlight.net www.microsoft.com/silverlight

×