11 wp7 designing applicationsusingexpressionblend

1,791 views
1,712 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,791
On SlideShare
0
From Embeds
0
Number of Embeds
792
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

11 wp7 designing applicationsusingexpressionblend

  1. 1. Designing<br />Applications using<br />Expression Blend<br />Jason Lee<br />Ethos Technologies<br />
  2. 2. Agenda<br /><ul><li>Design Time Sample Data
  3. 3. ItemTemplate
  4. 4. Visual State
  5. 5. Play Time
  6. 6. Q & A</li></li></ul><li>Design Time Sample Data<br /><ul><li>Design Time Sample Data
  7. 7. Enables fast and efficient design work
  8. 8. Enables parallel work of designing and coding
  9. 9. If set properly, the DataBinding expressions can be reused in production version, reducing duplication of work
  10. 10. Sample Data Types
  11. 11. Simple Property
  12. 12. Complex Property
  13. 13. Collection Property
  14. 14. How to do it?
  15. 15. Drag and Drop</li></li></ul><li>ItemTemplate<br /><ul><li>List Control
  16. 16. Two common list controls : ItemsPanel, ListBox
  17. 17. When DataBound to collection data, it generates Child Items according to the collection
  18. 18. The appearance of each Child Item is defined by the list control’s ItemTemplate property
  19. 19. ItemTemplate
  20. 20. Is a DataTemplate
  21. 21. Defines how each item of ItemsControl/ListBox looks like
  22. 22. DataContext is automatically set with corresponding data</li></li></ul><li>Visual State<br /><ul><li>Ways of Defining Animations
  23. 23. Storyboard
  24. 24. Visual State
  25. 25. Visual State
  26. 26. Is an easy way to define storyboard
  27. 27. Has many pre-defined transitions to apply
  28. 28. VisualStateGroup
  29. 29. VisualStates are grouped and managed by VisualStateGroup
  30. 30. However, VisualStates are NOT allowed to have duplicate name within the same page
  31. 31. Principles
  32. 32. Visual States looks good, but also resource consuming, use it carefully
  33. 33. User expects fast response, which means duration of Visual State should be kept within short period of time</li></li></ul><li>Creating Visual State<br /><ul><li>Define Visual States
  34. 34. More than one Visual States make sense
  35. 35. Set some visible transitions, so that user may feel something is happening
  36. 36. You can preview the effect in Blend by switching between them
  37. 37. Apply a GoToStateAction Behavior
  38. 38. Attach the behavior to the invoking control (i.e. Button)
  39. 39. The EventName of the Behavior’s Trigger is automatically set by Blend, and can be changed
  40. 40. Set Target State
  41. 41. Make sure UserTransitionsCheckBox is checked if transitions are intended</li></li></ul><li>Play Time !<br /><ul><li>Goals
  42. 42. Understand how to define and apply different types of Design Time Sample Data
  43. 43. Get familiar with list control’s ItemTemplate
  44. 44. Get familiar with Visual State</li></li></ul><li>! & ?<br />Thank You ! <br />Any Questions ?<br />

×