Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

3,090 views

Published on

My presentation slides from the Microsoft TechDays2010 Portugal event.

Published in: Technology
  • Be the first to comment

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

  1. 1. Ricardo Castelhano<br />Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />WUX214<br />ITech4All<br />ricardo.castelhano@itech4all.com<br />@RicCastelhano<br />http://www.ricardocastelhano.com<br />
  2. 2. >10 Years Working for a Web with Plugins<br />Adobe Flash Beta-Tester since CS3<br />“Silverlight’ing” since the Beginning<br />Blogger & Tweeterian <br />(XAMLPT / RIAPT / AUG / PontoNetPT)<br />Partner & Consultant @ ITech4All<br />Ricardo Castelhano<br />
  3. 3. Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />“Last Month” (Blend1 c.2007)<br />“Last Week” (Blend2 SP1 c.2008)<br />“Yesterday” (Blend3 c.2009)<br />“Today” (Blend4 “RC” c.2010)<br />
  4. 4. Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />“Last Month” (Blend1 c.2007)<br />“Last Week” (Blend2 SP1 c.2008)<br />“Yesterday” (Blend3 c.2009)<br />“Today” (Blend4 “RC” c.2010)<br />
  5. 5. “Last Month” (Blend1 c.2007)<br />Storyboards<br />
  6. 6. Storyboards<br />
  7. 7. Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />“Last Month” (Blend1 c.2007)<br />“Last Week” (Blend2 SP1 c.2008)<br />“Yesterday” (Blend3 c.2009)<br />“Today” (Blend4 “RC” c.2010)<br />
  8. 8. “Last Week” (Blend2 c.2008)<br />States Panel<br />VisualStates<br />VisualStatesGroups<br />
  9. 9. VisualStateManager<br />
  10. 10. Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />“Last Month” (Blend1 c.2007)<br />“Last Week” (Blend2 SP1 c.2008)<br />“Yesterday” (Blend3 c.2009)<br />“Today” (Blend4 “RC” c.2010)<br />
  11. 11. “Yesterday” (Blend3 c.2009)<br />Easing Functions<br />Quadratics<br />Cubics<br />Bounce<br />Elastic<br />...<br />
  12. 12. Easing Functions<br />
  13. 13. “Yesterday” (Blend3 c.2009)<br />Behaviors<br />GoToStateAction<br />FluidMoveBehavior<br />
  14. 14. Behaviors - I<br />
  15. 15. “Yesterday” (Blend3 c.2009)<br />FluidLayout<br />
  16. 16. FluidLayout<br />
  17. 17. Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />“Last Month” (Blend1 c.2007)<br />“Last Week” (Blend2 SP1 c.2008)<br />“Yesterday” (Blend3 c.2009)<br />“Today” (Blend4 “RC” c.2010)<br />
  18. 18. “Today” (Blend4 “RC” c.2010)<br />LayoutStates<br />AfterLoaded<br />BeforeLoaded<br />BeforeUnloaded<br />
  19. 19. LayoutStates<br />
  20. 20. “Today” (Blend4 “RC” c.2010)<br />TransitionEffect<br />PixelShader HLSL<br />
  21. 21. TransitionEffect<br />
  22. 22. “Today” (Blend4 “RC” c.2010)<br />More Behaviors<br />FluidMoveSetTag<br />
  23. 23. Behaviors - II<br />
  24. 24. Conclusion<br />Storyboard<br />VisualStateManager (VSM)<br />Visual States<br />Layout States<br />Easing Functions<br />Fluid Layout<br />Transition Effects<br />
  25. 25.
  26. 26. Other “Blend” Sessions<br />Introdução ao Silverlight 4<br />Dia 20 – Sala3.2 – 12:45<br />Developing Silverlight 4 Solutions with Blend 4<br />Dia 20 – Sala2.5 – 12:45<br />SketchFlow: Do protótipo à Produção<br />Dia 20 - Sala2.5 - 14:15<br />SketchFlow no Desenho de Interfaces Web<br />Dia 20 – Sala20/10 - 15:15<br />Utilizando SketchFlow na Construcção de sites em Silverlight<br />Dia 20 – Sala20/10 - 15:15<br />Flash Skills Applied to Silverlight Design and Development<br />Dia 21 - Sala2.4 - 18:15 <br />Silverlight: Extensibility Framework + Behaviors<br />Dia 22 - Sala2.3 - 16:40<br />
  27. 27.
  28. 28.
  29. 29. Ricardo Castelhano<br />Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />WUX214<br />ITech4All<br />ricardo.castelhano@itech4all.com<br />@RicCastelhano<br />http://www.ricardocastelhano.com<br />

×