Introduction to Microsoft Silverlight

Shravan Kumar

Walk Away Knowing

Introduction To Silverlight

XAML Basics

WPF vs Silverlight

What is Silverlight?

a cross-browser,

Silverlight is

cross-platform plug-in

Silverlight is a Cross-Browser, Cross-Platform Plug-in

Engaging, Interactive User Experiences

Silverlight Background

Silverlight is the cross platform version of the Windows Presentation Foundation (WPF) used in Vista and was formerly code named "WPF/Everywhere" (WPF/E).

Silverlight 1.0 Beta

Silverlight 1.0 Silverlight 2 Beta

Silverlight 3 Beta Silverlight 3 Silverlight 4 Beta

Silverlight 2

Silverlight 4

A BRIEF HISTORY OF SILVERLIGHT

MIX 07 Sep 07 MIX 08

MIX 09 Jul 09 PDC 09

Oct 08

Spring 10

THE FUN STUFFShow Me Some Code!

MXeXtensible

A LApplication Markup Language

XAML

XML

Declarative Markup

<Grid> <TextBlock FontSize="48" Text="Hello world" /></Grid>

CodeXAML

XAML maps to code

Anything in XAML can be done in code

Code

Vector-Based

Importable from Photoshop or Illustrator

Shapes

Determines how objects are painted and outlined

Solid, Gradient, Image, Media

Brushes

<Button x:Name="MyButton" Content="Center" Width="150" Height="50" />

Encapsulates functionality

Give it a x:Name

Same properties as in XAML

Controls

Can be created in XAML & Code

Tools create handler for you

public void myButton_Click(object sender, RoutedEventArgs e){ // todo: add code}

Events

Apply consistent formatting

Per-page or per-application

<Style TargetType="TextBlock" x:Key="SubHeadingText"> <Setter Property="FontSize" Value="42" /> <Setter Property="Foreground" Value="Blue" /></Style>

Styling

Layout

Grid | Rows & columns, very flexible

Flexible Layout system

Canvas | Fixed-position

StackPanel | “Stacks” dynamically

Transforms

ControlsText

Media

RotateScaleSkew

TranslateMatrix

PlaneMatrix

Apply 3D to a 2D element

Alters any element

Transforms Projections

Animations

Animate a property value over time

Basics

Expression Blend is the best tool for designing animations

Storyboard Animation Keyframe

Databinding

Powerful Concept

Two types

Based on change notification

Property binding

List binding

No Questions

Thanks