Inland Empire .NET User's Group Silverlight Class

992 views

Published on

Slides from the first Silverlight 4 class taught by the Inland Empire .NET User's Group

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
992
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 1. Vector graphics
    Transform Animation
    HD Video
     
    2. Binary compatible (XAP Files)
    No need to target separate platforms.
     
    3. Multi language : C#, VB, IronPython, F#.   CLR is same.
  • 1. Vector graphics
    Transform Animation
    HD Video
     
    2. Binary compatible (XAP Files)
    No need to target separate platforms.
     
    3. Multi language : C#, VB, IronPython, F#.   CLR is same.
  • Custom Window Chrome
    Notification Toast
  • VS 2010 installs Silverlight 3 - but Silverlight 4 is a separate download.
  • Vector graphics
    Transform Animation
    HD Video
  • Create a Label Enter Name and a text box next to it.
     
    Create a text box below it.
     
    Create a Button "Greet" and when clicked set the text "Hello <username>"
  • Vector graphics
    Transform Animation
    HD Video
  • Inland Empire .NET User's Group Silverlight Class

    1. 1. Silverlight 4 Course 1. Introduction to Silverlight 2. Layout 3. Input Handling 4. Applications, Resources, Deployment 5. Data Binding, View Model 6. Out of Browser, File Access, Printing 7. WCF RIA Services (4 Weeks )
    2. 2. Introduction to Silverlight Agenda 1.What is Silverlight ? 2.Evolution of Silverlight 3.Getting Started 4.Silverlight VS WPF 5.Core Controls 6.Anatomy 7.Demo
    3. 3. Silverlight 4 • Cross browser plugin – IE (Active/X), FireFox (NSAPI), Chrome, Safari (WebKit) • Cross platform – Windows, MAC (Intel Only) and Linux using Moonlight (Delayed) • .Net programming language (C#, Visual Basic, …) and runtime • Works with Javascript and HTML DOM • Not mutually exclusive • Mobile platform : Windows 7 Phone, Nokia Symbian OS • RIA : User interaction and Animation
    4. 4. History • .Net Programming for client server web. • Javascript to provide client side interactivity. • Crippled because of Javascript compatibility. • Microsoft wanted better control just like Java Applets. • So came Silverlight. Initially known as WPF/E. • WPF History : GDI & USER, DirectX, XP’s GDI+
    5. 5. Silverlight Evolution • SL 1 : Graphics, hi-def media, script, text • SL 2 : . Net Framework • SL 3: OOB, Data binding, Common Controls, Deployment : LOB • SL 4 : Printing, COM Automation, Trusted Apps, Multi touch, Webcam & Mic, Mouse right click
    6. 6. Getting Started • Install using Web Installer : http://www.microsoft.com/web Installs Web Server, Frameworks and Runtimes, Database and Tools. • Install Visual Studio 2010 Express (SL 3) • http://www.microsoft.com/express/Web • Install Silverlight Tools (SL 4) • http://www.silverlight.net/getstarted
    7. 7. Silverlight VS WPF • Different implementation : Same Basic Technology • Web vs Desktop • Subset Vs Superset of .Net Framework • Mostly the same team works on both. • Use #ifdef if targeting both. • WPF features Full Hardware Acc, Drawing Types, Event tunneling. • Silverlight Features Browser Integration, Video Brush, Deep Zoom WPFSL
    8. 8. XAML XML Application Markup Language o Declarative language to describe UI. o XML Rules apply. Don’t forget /> o Pronounced like Zammel. o Expression Blend Tools support it. o CAML o BAML o Can call Javascript function for splash screen functionality.
    9. 9. XAML • Element : Corresponds to CLR object <Button> <Button.Content> Cancel <Button.Content /> <Button> • Attribute : Corresponds to Properties, events <Button Content=“Cancel” Click=“fn” /> • Namespaces xmlns:x=“http:/…..” … <Button x:Name=“mybtn” />
    10. 10. XAML • Type Converter <Button Background=“Red” /> Here Red gets converted to a SolidColorBrush because of Type Converter. • Markup extension {} <TextBlock text={Binding …. } />
    11. 11. Silverlight project types • Silverlight Application : stand alone • Silverlight Navigation : Multiple pages URI Map • Silverlight Class Library : reuse common code • Silverlight Business Application : RIA Services • WCF RIA Services Class • Unit Test Application : Added to existing SL Proj – Demo [Show in Visual Studio]
    12. 12. Core Controls and Events SL Runtime, SL SDK, SL ToolKit • Button • CheckBox • RadioButton • TextBox • Image • ComboBox • ListBox • Clicked • Checked/Unchecked • GroupName Property • TextChanged • Stretch Property • Items Property • SelectionChanged
    13. 13. DEMO   • Create Hello World    Enter Name:    Hello World, John •Create all elements, events from both XAML and CS •Hook to Javascript function. (No x:class ) •Talk about X:Name X:Class •Show Document Outline / bread crumb in XAML view. •Open project in both Blend and VS. John Greet
    14. 14. Anatomy • Object tag • XAP Files in ClientBin – Zip file • Host project to host the html page
    15. 15. References • Silverlight.net • Channel9.msdn.com • Silverlight cream • Quick starts
    16. 16. Class Project • Create an oval. Fill color Red. • On Mouse enter change Fill color to Blue • On Mouse exit change color to Green • On Mouse click change color to Purple. Red Blue Green Color: Radio Button Oval or Rect Combo Box Oval or Rect
    17. 17. • As Microsoft says : – Light up the WEB • As Obi Wan Kanobi says it :
    18. 18. • “Use the light, Luke”

    ×