Mahesh Krishnan (@MaheshKrishnan)<br />Principal Consultant<br />Readify<br />Expression Blend for Developers<br />SESSION...
AgendaWhat are we going to look at<br />Introduction <br />Walkthrough of Expression Blend<br />Getting a consistent look ...
What does Expression Blend do?<br /><Button <br />      Content="Hello World!" <br />      Height="50" <br />      Width="...
SESSION CODE: #WEB305<br />Expression Blend Demo<br /><ul><li>Walkthrough
Setting properties
Looking at Blend specific shapes/controls
Adding effects
Adding Behaviors</li></li></ul><li>StylesCreating a consistent look and feel<br />Allows re-use of look and feel across co...
StylesApplying a Style<br />Set using Styleproperty using the StaticResource mark-up in XAML:<br /><TextBlock<br />   Text...
TemplatesChanging the look of a control<br />Allows you to change the complete appearance of the control <br />Like Style,...
TemplatesApplying a template<br />Set using Templateproperty in XAML:<br /><Button<br />   Content=“Click Me!" <br />   Te...
The States and Parts ModelExample of States -  Button<br />Normal<br />Mouse Over<br />Pressed<br />Disabled<br />
The State and Parts ModelExample of Parts-  Slider<br />
Customizing your controlsDemo<br />SESSION CODE: #WEB305<br /><ul><li>Adding Styles
Creating a template
Setting States
Assigning parts</li></li></ul><li>AnimationBasics<br />
Animation BasicsStoryBoard<br />StoryBoardis a container for animation <br />Can be used to manage the timeline, and perfo...
AnimationDemo<br />SESSION CODE: #WEB305<br /><ul><li>Bouncing ball animation
Easing Functions
Fluid UI</li></li></ul><li>Data BindingBasics<br />
DataBindingDemo<br />SESSION CODE: #WEB305<br /><ul><li>Element to Element Binding
Creating Sample Data
Upcoming SlideShare
Loading in …5
×

Expression Blend for Developers

1,752 views

Published on

Published in: Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Expression Blend for Developers

  1. 1.
  2. 2. Mahesh Krishnan (@MaheshKrishnan)<br />Principal Consultant<br />Readify<br />Expression Blend for Developers<br />SESSION CODE: #WEB305<br />
  3. 3. AgendaWhat are we going to look at<br />Introduction <br />Walkthrough of Expression Blend<br />Getting a consistent look and feel<br />Styling, Templating<br />Animation<br />Data Related<br /> Data binding, Sample data<br />
  4. 4. What does Expression Blend do?<br /><Button <br /> Content="Hello World!" <br /> Height="50" <br /> Width="150" /><br />
  5. 5. SESSION CODE: #WEB305<br />Expression Blend Demo<br /><ul><li>Walkthrough
  6. 6. Setting properties
  7. 7. Looking at Blend specific shapes/controls
  8. 8. Adding effects
  9. 9. Adding Behaviors</li></li></ul><li>StylesCreating a consistent look and feel<br />Allows re-use of look and feel across controls:<br />Color, Font, Margins, etc<br />Created as a resource:<br /><Application.Resources><br /> <Style x:Key="Style1" TargetType="TextBlock"><br /> <Setter Property="Foreground" Value="#FFF0D3D3"/><br /> <Setter Property="FontSize" Value="36"/><br /> </Style><br /></Application.Resources><br />
  10. 10. StylesApplying a Style<br />Set using Styleproperty using the StaticResource mark-up in XAML:<br /><TextBlock<br /> Text="Hello World" <br /> Style="{StaticResource Style1}" /><br />
  11. 11. TemplatesChanging the look of a control<br />Allows you to change the complete appearance of the control <br />Like Style, created as a resource:<br /><Application.Resources><br /> <ControlTemplate x:Key="myBtn" TargetType="Button"><br /> ...<br /> </ControlTemplate><br />< /Application.Resources><br />
  12. 12. TemplatesApplying a template<br />Set using Templateproperty in XAML:<br /><Button<br /> Content=“Click Me!" <br /> Template="{StaticResourceMyTemplate}" /><br />
  13. 13. The States and Parts ModelExample of States - Button<br />Normal<br />Mouse Over<br />Pressed<br />Disabled<br />
  14. 14. The State and Parts ModelExample of Parts- Slider<br />
  15. 15. Customizing your controlsDemo<br />SESSION CODE: #WEB305<br /><ul><li>Adding Styles
  16. 16. Creating a template
  17. 17. Setting States
  18. 18. Assigning parts</li></li></ul><li>AnimationBasics<br />
  19. 19. Animation BasicsStoryBoard<br />StoryBoardis a container for animation <br />Can be used to manage the timeline, and perform activities like start, pause, and stop <br />
  20. 20. AnimationDemo<br />SESSION CODE: #WEB305<br /><ul><li>Bouncing ball animation
  21. 21. Easing Functions
  22. 22. Fluid UI</li></li></ul><li>Data BindingBasics<br />
  23. 23. DataBindingDemo<br />SESSION CODE: #WEB305<br /><ul><li>Element to Element Binding
  24. 24. Creating Sample Data
  25. 25. Creating a Master/Detail binding
  26. 26. Customising sample data</li></li></ul><li>SketchFlowBasics<br />Plugin for creating prototypes<br />You can use some of Expression Blend’s features like Sample Data, animation, etc to create realistic prototypes<br />SketchFlow player allows you to get feedback from users about the prototype<br />
  27. 27. SketchFlowDemo<br />SESSION CODE: #WEB305<br /><ul><li>Simple SketchFlow Application
  28. 28. Feedback option</li></li></ul><li>Windows Phone 7 SeriesDemo<br />SESSION CODE: #WEB305<br /><ul><li>Using Blend to develop WP7 Apps</li></li></ul><li>Wrap upTake away from this session<br />A lot easier to design UI in Blend - <br />Styles, Templates, Animation, Databinding, etc<br />Expression Blend is not just for Designers<br />
  29. 29. The Challenge!<br />mahesh.krishnan@readify.net<br />
  30. 30. Question & Answer Session<br />
  31. 31. WIN!<br />Answer a question for a chance to win a Windows Phone 7<br />Take your golden ticket to the Windows Phone stand to collect your device<br />
  32. 32. Complete evaluation forms on Schedule Builder<br />Be in the running for a Jabra GN2000 USB Noise-Cancelling Mono headset <br />WIN!<br />5 TO WIN EVERY DAY<br />
  33. 33. © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.<br />The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.<br />
  34. 34. www.msteched.com/Australia<br />Sessions On-Demand & Community<br />www.microsoft.com/australia/learning<br />Microsoft Certification & Training Resources<br />http:// technet.microsoft.com/en-au<br />Resources for IT Professionals<br />http://msdn.microsoft.com/en-au<br />Resources for Developers<br />Resources<br />

×