Dynamic layout and transitions with expression blend 4 (30 Abr 2010)

Ricardo Castelhano

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

WUX214

ITech4Allricardo.castelhano@itech4all.com

@RicCastelhano

http://www.ricardocastelhano.com

• >10 Years Working for a Web with Plugins

• Adobe Flash Beta-Tester since CS3

• “Silverlight’ing” since the Beginning

• Blogger & Tweeterian • (XAMLPT / RIAPT / AUG / PontoNetPT)

• Partner & Consultant @ ITech4All

Ricardo Castelhano

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

• “Last Month” (Blend1 c.2007)

• “Last Week” (Blend2 SP1 c.2008)

• “Yesterday” (Blend3 c.2009)

• “Today” (Blend4 “RC” c.2010)

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

• “Last Month” (Blend1 c.2007)

• “Last Week” (Blend2 SP1 c.2008)

• “Yesterday” (Blend3 c.2009)

• “Today” (Blend4 “RC” c.2010)

“Last Month” (Blend1 c.2007)

• Storyboards

DemoStoryboards

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

• “Last Month” (Blend1 c.2007)

• “Last Week” (Blend2 SP1 c.2008)

• “Yesterday” (Blend3 c.2009)

• “Today” (Blend4 “RC” c.2010)

“Last Week” (Blend2 c.2008)

• States Panel• VisualStates• VisualStatesGroups

DemoVisualStateManager

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

• “Last Month” (Blend1 c.2007)

• “Last Week” (Blend2 SP1 c.2008)

• “Yesterday” (Blend3 c.2009)

• “Today” (Blend4 “RC” c.2010)

“Yesterday” (Blend3 c.2009)

• Easing Functions• Quadratics• Cubics• Bounce• Elastic• ...

DemoEasing Functions

“Yesterday” (Blend3 c.2009)

• Behaviors• GoToStateAction• FluidMoveBehavior

DemoBehaviors - I

“Yesterday” (Blend3 c.2009)

• FluidLayout

DemoFluidLayout

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

• “Last Month” (Blend1 c.2007)

• “Last Week” (Blend2 SP1 c.2008)

• “Yesterday” (Blend3 c.2009)

• “Today” (Blend4 “RC” c.2010)

“Today” (Blend4 “RC” c.2010)

• LayoutStates• AfterLoaded• BeforeLoaded• BeforeUnloaded

DemoLayoutStates

“Today” (Blend4 “RC” c.2010)

• TransitionEffect• PixelShader HLSL

DemoTransitionEffect

“Today” (Blend4 “RC” c.2010)

• More Behaviors• FluidMoveSetTag

DemoBehaviors - II

Conclusion

• Storyboard• VisualStateManager (VSM)• Visual States• Layout States

• Easing Functions• Fluid Layout• Transition Effects

Q & A

Other “Blend” Sessions• Introdução ao Silverlight 4

• Dia 20 – Sala3.2 – 12:45

• Developing Silverlight 4 Solutions with Blend 4• Dia 20 – Sala2.5 – 12:45

• SketchFlow: Do protótipo à Produção• Dia 20 - Sala2.5 - 14:15

• SketchFlow no Desenho de Interfaces Web• Dia 20 – Sala20/10 - 15:15

• Utilizando SketchFlow na Construcção de sites em Silverlight• Dia 20 – Sala20/10 - 15:15

• Flash Skills Applied to Silverlight Design and Development• Dia 21 - Sala2.4 - 18:15

• Silverlight: Extensibility Framework + Behaviors• Dia 22 - Sala2.3 - 16:40

A sua opinião é importante!Complete o questionário de avaliação e devolva-o à saida.

Ricardo Castelhano

Dynamic Layout and Transitions for Silverlight 4 with Blend 4

WUX214

ITech4Allricardo.castelhano@itech4all.com

@RicCastelhano

http://www.ricardocastelhano.com