silverlight 3.0 workshop. building a twitter client ◦ resource dictionary ◦ the silverlight...

17
Silverlight 3.0 workshop

Post on 20-Dec-2015

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Silverlight 3.0 workshop

Page 2: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Building a Twitter client◦ Resource dictionary◦ The Silverlight toolkit: ChildWindow and

WrapPanel◦ Effects◦ 3D◦ Behaviors◦ Out of browser

What will we do

Page 3: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Importing a Interface Show some new Expression Blend 3

features

What will we do (2)

Page 4: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

The Twitter Client

Page 5: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Create the resources Create the login screen Building the header Showing the tweets Show all the friends you follow Take the application out of browser

Content

Page 6: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Create the resources

Page 7: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Create a resource dictionary◦ Colors.xaml

Add all the resources Link it to the App.xaml file Can be replaced in another project

Using a resource dictionary

Page 8: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Create the login screen

Page 9: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Is part of the Silverlight Toolkit Can be used as a dialog window You can adjust the look and feel Now used as a login control

Using the ChildWindow

Page 10: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Building the header

Page 11: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Only 2 build-in effects◦ Blur◦ Drop Shadow

You can create your own effects using pixel shaders

Using effects

Page 12: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Showing the tweets

Page 13: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Put 3D objects in 3D space X, Y and Z rotation X, Y and Z rotation point

Perspective 3D

Page 14: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Show all the friend you follow

Page 15: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Used to add interactivity Microsoft.Expression.Interactivity Expression Blend has some build-in

behaviors http://gallery.expression.microsoft.com

Behaviors

Page 16: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Take the application out of browser

Page 17: Silverlight 3.0 workshop.  Building a Twitter client ◦ Resource dictionary ◦ The Silverlight toolkit: ChildWindow and WrapPanel ◦ Effects ◦ 3D ◦ Behaviors

Takes an application “out of the browser” Still sandboxed Check if the application is already installed Check online | offline state

Out of browser