Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Introduction to Microsoft Silverlight

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 20 Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (19)

Anzeige

Ähnlich wie Introduction to Microsoft Silverlight (20)

Weitere von Shravan Kumar Kasagoni (20)

Anzeige

Aktuellste (20)

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

×