20
Shravan Kumar

Introduction to Microsoft Silverlight

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Introduction to Microsoft Silverlight

Shravan Kumar

Page 2: Introduction to Microsoft Silverlight

Walk Away Knowing

Introduction To Silverlight

XAML Basics

WPF vs Silverlight

Page 3: Introduction to Microsoft Silverlight

What is Silverlight?

a cross-browser,

Silverlight is

cross-platform plug-in

Page 4: Introduction to Microsoft Silverlight

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

Engaging, Interactive User Experiences

Page 5: Introduction to Microsoft Silverlight

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).

Page 6: Introduction to Microsoft Silverlight

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

Page 7: Introduction to Microsoft Silverlight

THE FUN STUFFShow Me Some Code!

Page 8: Introduction to Microsoft Silverlight

MXeXtensible

A LApplication Markup Language

XAML

XML

Declarative Markup

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

Page 9: Introduction to Microsoft Silverlight

CodeXAML

XAML maps to code

Anything in XAML can be done in code

Code

Page 10: Introduction to Microsoft Silverlight

Vector-Based

Importable from Photoshop or Illustrator

Shapes

Page 11: Introduction to Microsoft Silverlight

Determines how objects are painted and outlined

Solid, Gradient, Image, Media

Brushes

Page 12: Introduction to Microsoft Silverlight

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

Encapsulates functionality

Give it a x:Name

Same properties as in XAML

Controls

Page 13: Introduction to Microsoft Silverlight

Can be created in XAML & Code

Tools create handler for you

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

Events

Page 14: Introduction to Microsoft Silverlight

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

Page 15: Introduction to Microsoft Silverlight

Layout

Grid | Rows & columns, very flexible

Flexible Layout system

Canvas | Fixed-position

StackPanel | “Stacks” dynamically

Page 16: Introduction to Microsoft Silverlight

Transforms

ControlsText

Media

RotateScaleSkew

TranslateMatrix

PlaneMatrix

Apply 3D to a 2D element

Alters any element

Transforms Projections

Page 17: Introduction to Microsoft Silverlight

Animations

Animate a property value over time

Basics

Expression Blend is the best tool for designing animations

Storyboard Animation Keyframe

Page 18: Introduction to Microsoft Silverlight

Databinding

Powerful Concept

Two types

Based on change notification

Property binding

List binding

Page 19: Introduction to Microsoft Silverlight

No Questions

Page 20: Introduction to Microsoft Silverlight

Thanks