1 / 22

Silverlight

Silverlight. From: Gill Cleeren www.snowball.be blog.n-technologies.be. Silverlight… What is it? XAML With a Visual Studio/Blend demo Silverlight 2 features Controls demo Showcasing Q&A.

adriel
Download Presentation

Silverlight

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Silverlight From: Gill Cleeren www.snowball.be blog.n-technologies.be

  2. Silverlight… What is it? • XAML • With a Visual Studio/Blend demo • Silverlight 2 features • Controls demo • Showcasing • Q&A

  3. Microsoft Silverlight is a cross-browser, cross-platform implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  4. 3 Ps of Silverlight Productivity Performance Portability

  5. Designer Developer Developer Designer Collaboration

  6. A word on the developer experience • Full CLR • Trimmed-down version of .NET class library • Full support from Visual Studio 2008 using templates

  7. A word on the designer experience • Expression Blend is the tool for designers (sometimes developers as well!) • Gradients, blurs, animations… all the stuff designers like! • Automatically creates XAML • Project schema is same from Visual Studio

  8. Some other important talking points • Remember: it’s a client-side technology • Requires plug-in to be installed (Less than 5MB) • Build for web and desktop (WPF) • Rich control set • Supports HD playback

  9. Silverlight Roadmap • Silverlight V1 Shipped Q307 • Silverlight V2 Shipped Q308 • Silverlight control toolkit Q408 • More being added constantly • Goal is at least 50 controls • Silverlight for mobile is coming • Same code running on mobile devices

  10. Code-behind • Name your controls so you can use it in code • Visual Studio automatically declares field for all x:name elements <Button x:Name=“MyButton”/> public void Page_Loaded(sender, MouseEventArgs e) { MyButton.Content = “Push Me!”; }

  11. More code-behind • Event handlers can be wired up declaratively in XAML: • Or explictly within the code-behind file • VB – using the "Handles" keyword • C# -- programmatically within the Page_Loaded event handler <Button x:Name=“MyButton” Content=“Push Me” Click=“MyButton_Click“/> public void MyButton_Click(object sender, RoutedEventArgs e) { // todo: add code }

  12. A final note… Use XAML wherepossible!Otherwise, you’ll get a team of sad designers and developers…

  13. Silverlight 2 Runtime Features • 2D, Graphics • Audio, Video • Animations • Text, Text Input • Controls • Layout • Styles/Templates • Data Binding • Networking • HTTP/S and Sockets • .NET Support • C# and VB.NET • LINQ • XML APIs • Generics • HTML Integration • Local storage • Crypto APIs (AES) • Threading

  14. Controls and the controls toolkit • A control: Re-usable UI elements that encapsulate UI and behavior and enable re-use and composition • Vital for building business applications • Not available in Silverlight 1.0! • Controls toolkit: Out-of-band release (open-source) of extra controls via www.codeplex.com/silverlight

  15. Some Built-in Controls in Silverlight 2 • Core Controls: • Border • Image • MediaElement • MultiScaleImage • ToolTip • ScrollViewer • Dropdown list • Navigation Controls: • HyperlinkButton • Popup • Large Controls: • Calendar • DataGrid • Slider • DateTimePicker • Shapes: • Ellipse • Rectangle • Line • TextBlock • Path • Form Controls: • TextBox • Button • Toggle/Repeat Button • CheckBox • RadioButton • ListBox • Layout Controls: • StackPanel • Grid / GridSplitter • Canvas

  16. Sample control usage <Button x:Name=“MyButton” Content=“Push Me” Width=“150” Height=“50” /> Button b = new Button(); b.Width = 150; b.Height = 50; b.Content = “Push Me";

  17. Controls toolkit • Collection of Silverlight controls, components and utilities made available outside the normal Silverlight release cycle • Community driven: source is available, you can submit bugs and feature requests • First release contains: • Source • Unit tests • Samples • Documentation • 12 new controls for charting, styling… • Theming

  18. Controls toolkit example • AutoCompleteBox • NumericUpDown • Viewbox • Expander • ImplicitStyleManager • Charting • TreeView • DockPanel • WrapPanel • Label • HeaderedContentControl • HeaderedItemsControl

  19. Theming support Shiny Blue Shiny Red Rainier Purple Rainier Orange Expression Dark Expression Light

  20. Summary • Silverlight is a platform for building Rich Interactive applications • Strong tooling support, both for developers and designers with workflow between the 2 • Extended control toolset that will keep on growing

  21. Showcases • Video.Show: http://www.codeplex.com/videoshow • Hard Rock: http://memorabilia.hardrock.com/ • Sitemap: http://vertigo.com/deepzoom.aspx • Vertigo, general: http://www.vertigo.com/Lab.aspx • Cloud: http://www.mojaveexperiment.com/ • Inkubooks: http://inkubook.com/silverlightbooks/ • Renault Laguna: http://www.laguna-coupe.com/ • Line Raider Game: http://linerider.com/play-line-rider-online • Bird Hunt Game: http://designwithsilverlight.com/csharp/birdhunt/default.html

  22. Resources • General • www.silverlight.net • www.codeplex.com/silverlight • weblogs.asp.net/scottgu • blogs.msdn.com/tims • silverlight.net/blogs/jesseliberty • www.snowball.be

More Related