Overview of what's new in Silverlight 5

1. What’s New In Silverlight 5 Jeff Brand Developer and Platform Team Microsoft jbrand@microsoft.com | slickthought.net | @jabrand

9. HTML 5

10. Improved Graphics Acceleration

11. Speed Improvements

12. Mango

13. 16 more languages

14. Nokia

15. Cut &Paste; Multi Tasking; Dev Tool Improvements

16. IE speed improvements (22 fps vs. 11 fps for Android and 2 fps for iPhone)

17. Silverlight 5

18. Beta Delivered

19. Rich Media

20. Hardware Video Decode

21. XNA for 3D Rendering

22. NUI & Windows Touch

23. Surface SDK 2 for Surface and Windows Touch Enables Devices

25. What’s New in Silverlight 5

26. Agenda MVVM Databinding Enhancements Binding In Style Setters ImplicitDataTemplates RelativeSource Ancestor Bindings Custom Markup Extensions Databinding Debugging DataContextChanged Event UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit

27. Focused on your top asks: User Voice:

28. DataBinding Enhancements Enabling MVVM, but also just more productive

29. Layers Of Our Applications Presentation logic UI (XAML) UI (XAML) Orders UI (XAML) People Appointments Code Behind (XAML.cs/vb) Code Behind (XAML.cs/vb) Code Behind (XAML.cs/vb) Not reusable How to test? How to reuse? How can the designer update the UI How to provide different views Laptop/Desktop Tablet/Slate w/Touch Phone Models Services JSON RIA EF POCO XML REST Web Services Web Services WCF Vehicles Tax Person Vehicle Calendar People Schedules Shipping Orders Data SQL Server Oracle Telco Switches Media Streams

30. MVVM Test Framework Visual Studio Team Test Laptop/Desktop Appointments Tablet/Slate Appointments Phone Appointments Code Behind (XAML.cs/vb) Code Behind (XAML.cs/vb) Code Behind (XAML.cs/vb) Aggregation of data & services for your presentation logic Class Libraries ViewModel(VM.cs/vb Test API w/VSTT Leverage logic across UIs Designer parties on XAML Skin across varied form factors Laptop/Desktop Tablet/Slate w/Touch Phone Models Services JSON RIA EF POCO XML REST Web Services Web Services WCF Vehicles Tax Person Vehicle Calendar People Schedules Shipping Orders Data SQL Server Oracle Telco Switches Media Streams

31. Benefits of MVVM

32. MVVM Enhancements Silverlight 5 Binding In Style Setters ImplicitDataTemplates RelativeSource Ancestor Bindings Custom Markup Extensions Databinding Debugging DataContextChanged Event UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media Reduce the need for UI code How to reduce code? Enhance DataBinding

33. MVVM Enhancements Binding In Style Setters ImplicitDataTemplates RelativeSource Ancestor Bindings Custom Markup Extensions Databinding Debugging DataContextChanged Event UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

34. Binding Style Setters How do I change styles without shipping new XAML? Can I set the styles in the database? demo

35. Binding Style Setters How It Works Create a Class to expose your values Instance the Class in your Resources Bind the value to the instanced resource namespaceMyProject.Styles { publicclassMyAppStyles: INotifyPropertyChanged{ publicBrushForegroundColor{ get{ return _foregroundColor; } set { _foregroundColor = value; NotifyPropertyChanged("ForegroundColor"); <ResourceDictionary xmlns:stylesNS="clr-namespace:MyProject.Styles"> <stylesNS:MyAppStyles x:Key=“MyAppStyles"/> <StyleTargetType="TextBlock"> <Setter Property="Foreground" Value="{BindingForegroundColor}, Source={StaticResourceMyAppStyles}”

36. MVVM Enhancements Binding In Style Setters Implicit DataTemplates RelativeSourceAncestor Bindings DatabindingDebugging Custom Markup Extensions DataContextChangedEvent UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

37. Implicit Data Templates <Application.Resources> <ResourceDictionary> <DataTemplatex:Key="vehiclesDataTemplate"> DataType="models:Vehicle"> <Image Source="Vehicle.png"/> </DataTemplate> </ResourceDictionary> </Application.Resources> <Application.Resources> <ResourceDictionary> <DataTemplatex:Key="stateDataTemplate"> DataType=“models:State"> <Grid> <StackPanel Orientation="Horizontal"> <TextBlock Text="{BindingStateCode}"/> <TextBlock Text="{BindingStateName}"/> </StackPanel> </Grid> </DataTemplate> </ResourceDictionary> </Application.Resources> <Application.Resources> <ResourceDictionary> <!--Default Vehicle DataTemplate--> <DataTemplateDataType="models:Vehicle"> <Image Source="Vehicle.png"/> </DataTemplate> <DataTemplateDataType="models:Car"> <Image Source="Car.png"/> </DataTemplate> <DataTemplateDataType="models:Truck"> <Image Source="Truck.png"/> </DataTemplate> <DataTemplateDataType="models:Motorcycle"> <Image Source="Motorcycle.png"/> </DataTemplate> </ResourceDictionary> </Application.Resources> <Application.Resources> <ResourceDictionary> <DataTemplate x:Key=“StatesDataTemplate"> <Grid> <StackPanel Orientation="Horizontal"> <TextBlock Text="{BindingStateCode}"/> <TextBlock Text="{BindingStateName}"/> </StackPanel> </Grid> </DataTemplate> </ResourceDictionary> </Application.Resources> Template Based On Type Heterogeneous Collections With Inheritance Hierarchy demo

38. MVVM Enhancements Binding In Style Setters Implicit DataTemplates RelativeSource Ancestor Bindings DatabindingDebugging Custom Markup Extensions DataContextChangedEvent UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

39. Relative Source Ancestor BindingHow do I bind to data up the visual tree? namespaceSLInsurance.ViewModels{ publicclassAppointmentsViewModel{ publicObservableCollection<Appointments> Appointments{ get; set; } publicObservableCollection<Status> Status{get; set; } namespaceSLInsurance.Views{ publicpartialclassAppointmentView: UserControl { ... this.DataContext= newViewModels.AppointmentViewModel(); <ListBoxItemsSource="{BindingPath=Appointments}"> <ListBox.ItemTemplate><DataTemplate><Grid ... <TextBlockText="{BindingTime}" … <ComboBoxItemsSource="{BindingDataContext.Status, RelativeSource={RelativeSourceFindAncestor AncestorType=UserControl, Mode=FindAncestor}}"

40. Relative Source Ancestor Binding Used For Control Hierarchy Binding As Well <DataTemplate x:Key="StateComboBoxDataTemplate"> <StackPanel Orientation="Horizontal"> <TextBlock Text="{BindingStateCode}"Margin="0,0,5,0"/> <TextBlock Text="{BindingStateName}" Visibility="{BindingIsDropDownOpen, RelativeSource={RelativeSourceFindAncestor AncestorType=ComboBox}, Converter={StaticResourceBoolToVisibilityConverter}}"/> </StackPanel> demo

41. MVVM Enhancements Binding In Style Setters Implicit DataTemplates RelativeSource Ancestor Bindings Databinding Debugging Custom Markup Extensions DataContextChangedEvent UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

42. DataBinding Debugging demo

44. AfterValue

45. AfterStringFormat

46. AfterTypeConversion

48. Custom Markup Extensions demo

49. Custom Markup Extensions How do I get my event handler code out of my Code Behind <ListBoxx:Name="appointmentsListbox" ItemsSource="{Binding Appointments}" SelectionChanged="OnAppointmentsListbox_SelectionChanged"> UI (XAML) publicpartialclassAppointments: UserControl{ privatevoidOnAppointmentsListbox_SelectionChanged(object sender, SelectionChangedEventArgs e){ this.DataService.GetClaimById(GetClaimsCallback, ((AdjusterAppointment) (this.appointmentsListbox.SelectedItem)).Claim_Id); } privatevoidGetClaimsCallback(ObservableCollection<Claim> claims) { this.AppoinmentsListBox.Items.Add(claims[0]); Code Behind (XAML.cs/vb) ViewModel(VM.cs/vb Services Models publicvoidGetClaimById(Action<ObservableCollection<Claim>> callback, stringclaim_Id) { varquery = DataContext.GetClaimByIdQuery(claim_Id); _getClaimCallback = callback; _claimLoadOperation = DataContext.Load<Claim>(query); … Data

50. Custom Markup ExtensionHow It Works publicclassMethodInvokeExtension: IMarkupExtension<object> { // Properties Exposed in XAML as Intellisense Love publicStringMethod{ get; set; } // Invoked by the XAML Parser @ runtime publicobjectProvideValue(IServiceProviderserviceProvider) { <UserControl x:Class=“AppointmentsView" xmlns:MyUtils="clr-namespace:SLInsurance;assembly=SLInsurance"> ... <StackPanel x:Name="LayoutRoot"> <ComboBoxName=“appointmentsListBox" SelectionChanged="{MyUtils:MethodInvoke Method=OnAppointmentChanged}"

51. MVVM Enhancements Binding In Style Setters Implicit DataTemplates RelativeSource Ancestor Bindings Databinding Debugging Custom Markup Extensions DataContextChanged Event UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

52. DataContextChanged Event It just works Increase Memory Efficiency “handle references” this.DataContextChanged += View_DataContextChanged; … voidView_DataContextChanged(objectsender, DependencyPropertyChangedEventArgs e) { INotifyPropertyChanged customer; customer = e.OldValueasINotifyPropertyChanged; if (customer != null) customer.PropertyChanged -= customer_PropertyChanged; customer = e.NewValueasINotifyPropertyChanged; if (customer != null) customer.PropertyChanged += customer_PropertyChanged; }

53. MVVM Enhancements Binding In Style Setters Implicit DataTemplates RelativeSource Ancestor Bindings Databinding Debugging Custom Markup Extensions DataContextChanged Event UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

54. UpdateSourceTriggerHow can I get key stroke changes? <TextBoxName="vinTextBox" Text="{BindingSelectedClaim.InsuredVIN, Mode=TwoWay}" TextChanged="vinTextBox_TextChanged" UI (XAML) privatevoidvinTextBox_TextChanged(object sender, TextChangedEventArgs e) { Helpers.VinCarInfocarInfo = Helpers.VINParser.Parse(vinTextBox.Text); this.vehicleYearsAutoComplete.Text = carInfo.Year.Value.ToString(); this.vehicleMakeAutoComplete.Text = carInfo.Make; this.vehicleModelComboBox.SelectedValue = carInfo.Model; Code Behind (XAML.cs/vb) ViewModel(VM.cs/vb publicvoidLoadVehicleYears() { this.DataService.GetVehicleYears(GetVehicleYearsCallback); } publicvoidLoadVehicleMakes(Nullable<int> year) { if(year.HasValue) { this.DataService.GetVehicleMakes(GetVehicleMakessCallback, year.Value); … publicvoidLoadVehicleModels(Nullable<int> year, string make) { if(year.HasValue) { this.DataService.GetVehicleModels(GetVehicleModelssCallback, year.Value, make); Services Models publicvoidGetVehicleMakes(Action<ObservableCollection<string>> callback, int year) { _getVehicleMakesCallback = callback; this.SearchServiceClient.GetVehicleMakesCompleted += OnGetVehicleMakesCompleted; this.SearchServiceClient.GetVehicleMakesAsync(year); } Data

55. UpdateSourceTrigger Moving code from the UI to the testable ViewModel <TextBoxName="vinTextBox" Text="{BindingSelectedClaim.InsuredVIN, Mode=TwoWay}" UpdateSourceTrigger=PropertyChanged}" UI (XAML) Code Behind (XAML.cs/vb) ViewModel(VM.cs/vb voidOnClaimPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e) { switch(e.PropertyName) { case"InsuredVIN": ParseVIN(); break; … private voidParseVIN() { Helpers.VinCarInfocarInfo = Helpers.VINParser.Parse(this.SelectedClaim.InsuredVIN); this.SelectedClaim.InsuredYear= carInfo.Year; this.SelectedClaim.InsuredMake= carInfo.Make; this.SelectedClaim.InsuredModel= carInfo.Model; … Services Models Data

56. UpdateSourceTrigger demo

57. MVVM Enhancements Binding In Style Setters Implicit DataTemplates RelativeSource Ancestor Bindings Databinding Debugging Custom Markup Extensions DataContextChangedEvent UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media

58. WCF RIA Services for Silverlight 5 Complex Types (SP1) Custom Client Code Gen(SP1) EF Code First (coming soon) DateTimeOffset MVVM Support

59. But Wait, There’s More Binding In Style Setters Implicit DataTemplates RelativeSource Ancestor Bindings Databinding Debugging Custom Markup Extensions DataContextChangedEvent UpdateSourceTrigger WCF RIA Services Enhancements Text, Printing & Media Text Printing Media

60. Text Enhancements Cum sociisnatoquepenatibus et magnis dis parturient montes, nasceturridiculus mus. Pellentesque habitant morbitristiquesenectus et netus et malesuada fames ac turpisegestas. Vivamusenim dolor, molestie at auctor id, auctorultrices nisi. Curabitururnalorem, luctushendreritdapibusquis, facilisissedorci. Aliquamnuncmassa, placerat id pretiumeget, luctus sit amet diam. Vestibulum ante ipsumprimis in faucibusorciluctus et ultricesposuerecubiliaCurae; Pellentesquefermentumneque at nislbibendumcursus. Aliquamsollicitudineliteununcplacerat et pulvinarmauriscondimentum. Donecsedsapienelit, velcondimentumjusto. Cum sociisnatoquepenatibus et magnis dis parturient montes, nasceturridiculus mus. Ututodionunc. Maecenas vitae quam urna. Nulla a ante imperdietsemtinciduntporta. Donecesttellus, imperdietegetullamcorpereu, laoreetvellorem. Fusceornarenisl Linked Text Containers Flow Rich Text from one container to another Dynamically flows on resize mollis lacus cursus semper suscipiturnaultricies. Phasellus magna justo, commodosodalesauctornec, euismod vitae purus. Vivamusdignissimfeugiattristique. Crasaliquetsapien non justosagittisimperdiet. In a velitmauris, eusodales magna. Fuscelectuslectus, blandit non semper vitae, cursusutpurus. Vestibulumquisaliquamaugue. Morbiid estseddiamimperdietpretium vitae a turpis. Sedvelsapienarcu. Loremipsum dolor sit amet, consecteturadipiscingelit. Suspendisse ac diamut ante imperdietlacinia. Integer sit ametjusto sit amettortor facilisis id sit ametaugue. Etiam in risusveleratmolestieviverra. Suspendissepellentesquebibendumsagittis. Etiamconvallisleo at dui ornareegetelementumodio dictum. Integer tempus ultricieslectus. Maecenas dictum ipsum id nisladipiscingeuiaculistortorsuscipit. Etiamsedsapienneque, in ultricies magna. Aliquam in nisl et lectusbibendumvestibulum. Donecsuscipit, velit vitae convallisaccumsan, tortor magna dignissimpurus, sedconvallisorcitortorsed sem. Crasquisest id turpiscongueporta. Proinpharetramattisnullaquisvestibulum. <RichTextBox OverflowContentTarget="{Binding ElementName=overflow1}"> <RichTextBoxOverflow x:Name="overflow1"OverflowContentTarget="{BindingElementName=overflow2}"> <RichTextBoxOverflow x:Name="overflow2"OverflowContentTarget="{BindingElementName=overflow3}"> ... Utin sapien id maurisegestasrhoncus a egeterat. Vivamustempor tempus quam facilisisdapibus. Curabiturvolutpatipsum vitae tortortinciduntsedmalesuadaurnatincidunt. Quisqueporttitor, neque id malesuadafaucibus, quam leoauctornisl, quisaliquetenim ligula utodio. Etiamvelturpis magna. Crasiaculisest sem. Pellentesquemalesuada, liberoeutemportempor, tellusipsumdignissimsapien, id facilisisaugueipsum vitae quam. Crasquisimperdietleo. In orcipurus, placerat ac ultricies in, elementum vitae turpis. Nunclectussapien, sagittis id luctusut, hendreritutmassa. Sedpurussapien, pharetra id faucibusnec, semper id lacus. Phasellus et lectusleo, eget adipiscinglorem. Donecfermentum lacus dolor. Etiamlaoreettristique nisi, sit ametconvallisnunclacinia et. Integer aliquam, magna ac porttitorcongue, estliberoconsectetur lacus, lobortisportaorcirisusnec magna. Integer sapienpurus, volutpat sit ametvehicula vitae, accumsan a felis. Sed a nullavelenimlaoreetconsequat. Nullautnequemassa, at semper enim. risusnec magna. Integer sapienpurus, volutpat sit ametvehicula vitae, accumsan a felis. Sed a nullavelenimlaoreetconsequat. Nullautnequemassa, at semper enim.

61. Text Clarity Sharpens text by snapping with pixels Great for low res devices

62. Bitmap Vector Vector Printing

63. Trick PlayWhere did they joke about… Speed through videos, search for sounds New dimension to search No “Alvin & The Chipmunks”

64. Unrestricted File Access SL5 trusted apps can access: SL4 trusted apps can access:

65. Unrestricted File Access demo

66. Agenda Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit PivotViewer

67. Trusted Apps SL4: OOB apps run trusted with user consent SL5: in-browser trusted apps with admin consent Set permissions via group policy No prompts or installs Familiar navigation model Can be part of a larger HTML site

68. Trusted Apps

69. Creating a Trusted App Just like SL4 trusted OOB <OutOfBrowserSettings> <OutOfBrowserSettings.SecuritySettings> <SecuritySettingsElevatedPermissions="Required" /> </OutOfBrowserSettings.SecuritySettings> </OutOfBrowserSettings>

70. Creating a Trusted App Sign the .xap Same as for a trusted OOB In Visual Studio or on command line signtool.exe sign /v /f nameOfCert.pfx /p "<password>" nameOfApp.xap or

71. Agenda Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit PivotViewer

72. Permissions in Group Policy Actually, only one permission – trusted or not Network admin specifies which publishers are trusted Publishers identified by Authenticode certificate Put certificate in client machine’s trusted publisher store Same as ClickOnce Xaps are associated with publishers by Authenticode

73. Agenda Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit PivotViewer

74. P/Invoke P/Invoke lets you call native code COM (SL4) also lets you call native code Anything you can do with COM can also be done with P/Invoke Strongly typed No COM registration P/Invoke is optimized for Win32 APIs & native C/C++ code COM is optimized for COM Automation APIs, eg Office COM & P/Invoke are available on Windows to trusted apps

75. P/Invoke Works exactly like it does in .NET Framework [DllImport("kernel32.dll")] staticexternintGetDriveType(stringlpRootPathName); … int type = GetDriveType(drive);

76. Agenda Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit PivotViewer

77. Configure SL5 WebBrowser In-Browser Configure app to run as out-of-browser trusted app even though it will be in-browser Configure target computers to allows trusted app in browser: Key path for 32-bit computers: HKEY_LOCAL_MACHINEoftwareicrosoftilverlightbr />Key path for 64-bit computers: HKEY_LOCAL_MACHINEoftwareow6432Nodeicrosoftilverlightbr />Value name: AllowElevatedTrustAppsInBrowser Value type: DWORD Valid Values: Disabled - 0x00000000 Enabled - 0x00000001

78. Agenda Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit Lots of 3D Stuff

79. Multiple Windows System.Windows.Window is now an instantiable class Windoww = newWindow(); w.Height = 400; w.Width = 600; w.Content = new MyUserControl(); w.Visibility = Visibility.Visible;

80. Multiple Windows demo

81. Agenda Unrestricted File Access Trusted Apps In-Browser Group Policy P/Invoke HTML support Multiple Windows 64-bit PivotViewer

82. 64-bit Support 64-bit machines & apps are becoming increasingly common SL5 can run in a 64-bit process 64-bit browsers Sidebar on 64-bit Windows Why 64-bit is interesting: Because you don’t get to choose the browser Because you’re native hosting in a 64-bit process Because you need a lot of address space

83. 3D Target applications Data visualization* 3D charts and reports Scatter points Geographic overlays Science & astronomy Education & training Marketing & advertising Business* Manufacturing Industrial processes Home design Realty & virtual tours Customer support Medical Games & simulation * Enterprise focus for Silverlight 5

84. 3D Demo demo

85. Silverlight 5 Summary Adding productivity & robustness with Advanced styling and templating Databinding Enhancements & Debugging Better Text & Printing Improved trusted and native interop Enabling Next Gen Media Silverlight 5 ships second half 2011

86. Resources Silverlight.net WCF RIA Services Page: http://silverlight.net/riaservices

87. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.