SilverlightGroup E1

University of SicenceTeacher

Lam Quang VuNguyen Huy Khanh

• Introduce Silverlight• Installed Software• XAML• Animation , Sound, Media• Demo

Introduce Silverlight

What is the Silverlight ?

-Silverlight is a cross platform, cross browser .NET plug-in that enables designers and developers to build rich media experiences and RIAs (Rich Internet Applications ) for browsers.  -The preview builds we released this week currently support Firefox, Safari and IE browsers on both the Mac and Windows.

Silverlight architecture

Install Silverlight

Demo create Application Silverlight

•XAML Basics•Properties and Events •Resources•Layout with the StackPanel•The Grid•Coordinate- base Layout with the Canvas•Navigation

XAML Xaml ( Extensible Application Markup Language) -Markup language used to instantiate .Net objects-Windows Presentation Foundation (WPF).-XAML plays a role that’s a lot like HTML

XAML namespace+ xmlns="http://schemas.microsoft.com/client/2007/

+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">The code-behind Class

+Page.xaml +Page.xaml.cs

XAML basics

XAML Properties and Events

XAML Resource

Using resource : Static Resource

XAML Layout

XAML Layout

StackPanel

The Gird

XAML

The Canvas

XAML Navigations

Shapes and GeometriesBrushes and Tranforms

Animation

Animation

Animation is thought of as series of framesRules of Animation :

+Times-based +Animation act on properties+Every data type requires a different animation class

Animation

Classes : +The Animation Class+The Storyboard Class

Animation Class

Linear interpolation :+Property value varies smoothly and continuously over the

duration of the Animation+3 Classes

1.DoubleAnimation2.PointAnimation3.ColorAnimation

Key frame animation+Values can jump abruptly form value to annther+Classes : ColorAnimationUsingKeyFrames , Double-

AnimationUsingKeyFrames ,PoinAnimationUsingKeyFrame , ObjectAnimationKeyFrames.

Storyboard Class

•Manges the timeline of your animation

•Use storyboard Class to group multiple animations , ability to control the playback , pausing , stopping , changing its postions.

•Point to a specific property and specific elements using TargetProperty and TargetName proprerty .

Starting an Animation with an Even Trigger

Starting an Animation with code

Configuring Animation Properties

1. From2. To3. By4. Duration

Animation Lifetime

+RepeatBehavior

Group Animations

•Controlling Playback•Animation Types Revisited +Animation Transforms +Animation Brushes +Key Frame Animation

Extra Animation

Sound ,Video

References

Websites: http://silverlight.net

http://weblogs.asp.net/scottgu/archive/2007/05/07/silverlight.aspxEbooks

Pro Silverlight in C#

Demo