Silverlight 3.0 workshop. Building a Twitter client ◦ Resource dictionary ◦ The Silverlight...

17
Silverlight 3.0 workshop
  • date post

    20-Dec-2015
  • Category

    Documents

  • view

    213
  • download

    0

Transcript of Silverlight 3.0 workshop. Building a Twitter client ◦ Resource dictionary ◦ The Silverlight...

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