Silverlight 2

Ronnie SaurenmannPrincipal ArchitectMicrosoft Switzerland

Silverlight 2

“WPF/.NET for the WEB”4 MB, <1 Minute installOS

Win (2000, XP, Vista) Mac OS-X Linux (Moonlight)

IE, Firefox and Safari

Silverlight Roadmap

Silverlight V2March 5th Beta 1 (non-commercial go-live)Q208: Beta 2 (go live)

ToolsExpression Blend and Visual Studio updates for all public Silverlight releasesVisual Studio Designer support (Cider) later this year

Hardrockcafe

demo

Layout

Subset of WPFLayout containers

Canvas, Grid, StackPanel, BorderLayout properties

Width, MinWidth, MaxWidth, ActualWidthHeight, MinHeight, MaxHeight, ActualHeightMargin and Padding

Layout extensibility

Layout

demo

Getting non "SOAP" data

RESTServices

“Mashup APIs” “Web APIs”

JSONServices

“POX”(Plain Old XML)services

Human-ReadableDocumentation

1. Build a URL2. Make a request with WebClient or HttpWebRequest3. Work with request/response data (XML or JSON)

Only Async supported – otherwise browser would hang

Cross-Domain Policy Files

Silverlight looks for two policy files:Silverlight policy: clientaccesspolicy.xmlAdobe Flash policy: crossdomain.xmlAlready used by etc…

All public services that work with Flash – will also work with Silverlight

WebClient

demo

XML processing

Convert XML data to .NET objectsOptions:

LINQ to XML XMLReaderXML Serialization

Beta 1 Controls

Beta 1 Controls

CanvasFileOpenDialogGridImageItemsControlMediaElementMultiScaleImageStackPanelTextBoxTextBlockButtonPopup

CheckBox*DataGrid*DateTimePicker*GridSplitter*Hyperlink*ListBox*Calendar*RadioButton*Slider*ToggleButton*Tooltip*WatermarkTextBox*

* ship in a separate libraryNote: additional controls to follow between Beta 1 and final

release

Data Binding

Property BindingOne way, two way and one timeUse “DataContext” propertySupports value converters

Collection/List BindingSupport data templates (repeater)Use “ItemsSource” property

LINQ to XML & DataGrid

demo

Style / Template

Customize the look of an application without changing it’s behavior3 levels of customization:

Style / Template

Customize the look of an application without changing it’s behavior3 levels of customization: default

Style / Template

Customize the look of an application without changing it’s behavior3 levels of customization: style

Style / Template

Customize the look of an application without changing it’s behavior3 levels of customization: template

List Binding with Data Templates

Data Template:

Template Data Bindings & Finish up

demo

UserControl

ScenarioFixed look with some logicSplit large page into smaller chunksReuse xaml/logic in multiple places

Platform Support<UserControl x:Class=“MyControl”> … </>public partial class MyControl : UserControl {}XAML is optional

UserControl with Blend

demo

Open File Dialog

Allows an end-user to choose a fileApplication gets access to a streamSupports multi-selection and file extension filteringEnables:

File uploading (w/ HttpWebRequest)Viewing local images (w/ Image element)Playing local media (w/ MediaElement)

Using WCF Services

WCFService

1. Create the Service2. Define what it does3. “Add Service Reference”4. Use the Service!

Only asynchronous calls supported!

Multi file upload

demo

HTML DOM Integration

Silverlight apps are browser appsInteracting with the browser host is critical

Interact with HTML elements and script objects through .NET codeExpose .NET objects to javascript

Browser History & Keyboard navigation

demo

How can you live without

Start using WPF & Silverlight todayYou will not regret it

www.silverlight.net

Silverlight Mobile

V1 announced last week (no .NET)CTP available shortlyRuns on Windows Mobile and Symbian!

V2 (with .NET) coming next year

Image Deep Zoom

Provides seamless viewing & zooming of huge imagesLoads only the data necessary to show the part of an image the user is viewingEffectively turns a large image into an efficiently scaling vector

Image Deep Zoom

Preprocessing tool breaks image into 256 x 256 tilesThen generates pyramids of tiles at lower resolutions

Deep Zoom – How does it work?

When the image is displayed on the client the lowest resolution tiles are shown firstThen as the higher quality tiles are downloaded, they are smoothly blended in

Deep Zoom – How does it work?

When the image is displayed on the client the lowest resolution tiles are shown firstThen as the higher quality tiles are downloaded, they are smoothly blended in

Deep Zoom – How does it work?

When the image is displayed on the client the lowest resolution tiles are shown firstThen as the higher quality tiles are downloaded, they are smoothly blended in

Image Deep Zoom

Exposed through the MultiScaleImagePreprocessing tool outputs image tiles and XML description file

© 2008 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.