1 / 33

Silverlight 101 Ahead! If you know Silverlight and are looking for more advanced content check out :

Silverlight 101 Ahead! If you know Silverlight and are looking for more advanced content check out : ‘Microsoft Silverlight “Media” : Moving at 60fps’ (Breakers H) Microsoft Silverlight 4 Business Applications (Lagoon F). An Introduction to Developing Applications for Microsoft Silverlight.

donnel
Download Presentation

Silverlight 101 Ahead! If you know Silverlight and are looking for more advanced content check out :

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 101 Ahead!If you know Silverlight and are looking for more advanced content check out : ‘Microsoft Silverlight “Media” : Moving at 60fps’(Breakers H) Microsoft Silverlight 4 Business Applications (Lagoon F)

  2. An Introduction to Developing Applications for Microsoft Silverlight Shawn Oster Program Manager Silverlight shoster@microsoft.com

  3. Walk Away Knowing • How to create a Silverlight application • How to leverage your creativity • How to use the tools to make it happen

  4. What is Silverlight? • Powerful Development Platform Engaging, Interactive User Experiences

  5. Silverlight Capabilities Data Inputs • Language Integrated Query (LINQ) • LINQ to XML • XML • IsolatedStorage • Keyboard • Mouse • Touch • Ink Base Class Library (BCL) XAML • Generics • Collections • Cryptography • Threading UI Core • Vector • Animation • Text • Images Windows Communication Foundation Media • REST • RSS/ATOM • SOAP • Digital media capture & playback • VC1, WMA, MP3

  6. view in slide show mode Application Platform High Level Architecture Tools & Support Run Time – On “Screen” Phone Emulator Sensors Media Data Location Samples Documentation Phone Gamer Services Notifications Guides Community .NET Framework managed code sandbox Packaging and Verification Tools SCREEN CLOUD Developer Portal Services Cloud Services Notifications App Deployment Registration Marketplace Validation MO and CC Billing Location Identity Feeds Certification Business Intelligence Social Maps Publishing Update Management

  7. What is Silverlight for WP7? Starts with Silverlight 3 plus… • Performance tuning • Input integration • H/W media and sensor integration • OS application model integration • Relaxed sandbox constraints

  8. Show Me Some Code! THE FUN STUFF

  9. XAML X A M L eXtensible Application Markup Language • XML • Declarative Markup <Grid> <TextBlockFontSize="48" Text="Hello world" /> </Grid>

  10. Code XAML Code • XAML maps to code • Anything in XAML can be done in code

  11. The Basics DEMO - XAML + CODE

  12. Shapes • Vector-Based • Importable from Photoshop or Illustrator

  13. Brushes • Determines how objects are painted and outlined • Solid, Gradient, Image, Media

  14. Pretty Shapes DEMO – SHAPES + BRUSHES

  15. Controls • Encapsulates functionality • Give it a x:Name • Same properties as in XAML <Button x:Name="MyButton" Content="Center" Width="150" Height="50" />

  16. Events • Can be created in XAML & Code • Tools create handler for you publicvoidmyButton_Click(object sender, RoutedEventArgs e) { // todo: add code }

  17. Make it Do Something DEMO – CONTROLS + EVENTS

  18. Styling • Apply consistent formatting • Per-page or per-application <StyleTargetType="TextBlock" x:Key="SubHeadingText"> <Setter Property="FontSize" Value="42" /> <Setter Property="Foreground" Value="Blue" /> </Style>

  19. Make it Consistent DEMO – STYLING

  20. Layout • Flexible Layout system • Canvas | Fixed-position • StackPanel | “Stacks” dynamically • Grid | Rows & columns, very flexible

  21. Where Does It Go? DEMO – LAYOUT

  22. Transforms Alters any element Transforms Projections • Controls • Text • Media • Rotate • Scale • Skew • Translate • Matrix • Plane • Matrix • Apply 3D to a 2D element

  23. Animations • Animate a property value over time • Basics • Storyboard • Animation • Keyframe • Expression Blend is the best tool for designing animations

  24. Make it Look Great DEMO –TRANSFORMS, ANIMATIONS

  25. Databinding • Powerful Concept • Two types • Property binding • List binding • Based on change notification

  26. Make it Real DEMO – DataBINDING

  27. Code Reuse • Reuse UI • User Control • Custom Control • Reuse Code • Across projects • Across platforms (Web, Windows Phone)

  28. Don’t Reinvent The Wheel DEMO – CODE REUSE

  29. Call to action • Download the tools! • http://silverlight.net • http://developer.windowsphone.com • Start building great apps and games • Be creative • Go see other presentations • Resources: • Forums, Blogs, Books, Podcasts, Oh My! • My blog http://shawnoster.com

  30. Where Next? • Building Windows Phone Applications with Silverlight, part 1 & 2 • Make your application rock on Windows Phone 7! • Shake, rattle & roll with accelerometer & vibration • Cloud & Push notifications • Location services • Maximizing Silverlight Performance on Windows Phone 7 Series • Make your applications rock!

  31. Please fill out the evaluation form!

  32. It’s Question Time!

More Related