Introduction to Microsoft Silverlight

1,512 views
1,439 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,512
On SlideShare
0
From Embeds
0
Number of Embeds
204
Actions
Shares
0
Downloads
43
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introduction to Microsoft Silverlight

  1. 1. Shravan Kumar<br />
  2. 2. Walk Away Knowing<br />Introduction To Silverlight<br />XAML Basics<br />WPF vs Silverlight<br />
  3. 3. What is Silverlight?<br />Silverlight is<br />a cross-browser,<br />cross-platform plug-in<br />
  4. 4. Silverlight is a Cross-Browser, Cross-Platform Plug-in<br />Engaging, Interactive User Experiences<br />
  5. 5. Silverlight Background <br />Silverlight is the cross platform version of the <br />Windows Presentation Foundation (WPF) used in Vista and <br />was formerly code named "WPF/Everywhere" (WPF/E). <br />
  6. 6. A Brief History of Silverlight<br />MIX 07<br />Sep 07<br />MIX 08<br />Oct 08<br />Silverlight 1.0 Beta<br />Silverlight 2 Beta<br />Silverlight 2<br />Silverlight 1.0<br />MIX 09<br />Jul 09<br />PDC 09<br />Spring 10<br />Silverlight 3 Beta<br />Silverlight 4 Beta<br />Silverlight 4<br />Silverlight 3<br />
  7. 7. THE FUN STUFF<br />Show Me Some Code!<br />
  8. 8. M<br />X<br />A<br />L<br />eXtensible<br />Application<br />Markup<br />Language<br />XAML<br />XML<br />Declarative Markup<br /><Grid><br /><TextBlock FontSize="48" Text="Hello world" /><br /></Grid><br />
  9. 9. Code<br />XAML<br />XAML maps to code<br />Anything in XAML can be done in code<br />Code<br />
  10. 10. Vector-Based<br />Importable from Photoshop or Illustrator<br />Shapes<br />
  11. 11. Determines how objects are painted and outlined<br />Solid, Gradient, Image, Media<br />Brushes<br />
  12. 12. Encapsulates functionality<br />Give it a x:Name<br />Same properties as in XAML<br /><Button x:Name="MyButton"<br /> Content="Center"<br /> Width="150"<br /> Height="50" /><br />Controls<br />
  13. 13. Can be created in XAML & Code<br />Tools create handler for you<br />publicvoid myButton_Click(object sender, RoutedEventArgs e)<br />{<br />// todo: add code<br />}<br />Events<br />
  14. 14. Apply consistent formatting <br />Per-page or per-application<br /><StyleTargetType="TextBlock"<br /> x:Key="SubHeadingText"><br /><Setter Property="FontSize"<br /> Value="42" /><br /><Setter Property="Foreground"<br /> Value="Blue" /><br /></Style><br />Styling<br />
  15. 15. Layout<br />Flexible Layout system<br />Canvas | Fixed-position<br />StackPanel | “Stacks” dynamically<br />Grid | Rows & columns, very flexible<br />
  16. 16. Transforms<br />Alters any element<br />Transforms<br />Projections<br />Controls<br />Text<br />Media<br />Rotate<br />Scale<br />Skew<br />Translate<br />Matrix<br />Plane<br />Matrix<br />Apply 3D to a 2D element<br />
  17. 17. Animations<br />Animate a property value over time<br />Basics<br />Storyboard<br />Animation<br />Keyframe<br />Expression Blend is the best tool for designing animations<br />
  18. 18. Databinding<br />Powerful Concept<br />Two types<br />Property binding<br />List binding<br />Based on change notification<br />
  19. 19. No Questions<br />
  20. 20. Thanks<br />

×