Expression Blend for Developers

Mahesh Krishnan (@MaheshKrishnan)
Principal Consultant
Readify
Expression Blend for Developers
SESSION CODE: #WEB305

AgendaWhat are we going to look at
Introduction
Walkthrough of Expression Blend
Getting a consistent look and feel
Styling, Templating
Animation
Data Related
Data binding, Sample data

What does Expression Blend do?
<Button
Content="Hello World!"
Height="50"
Width="150" />

Expression Blend Demo
Walkthrough
Setting properties
Looking at Blend specific shapes/controls
Adding effects
Adding Behaviors

StylesCreating a consistent look and feel
Allows re-use of look and feel across controls:
Color, Font, Margins, etc
Created as a resource:
<Application.Resources>
<Style x:Key="Style1" TargetType="TextBlock">
<Setter Property="Foreground" Value="#FFF0D3D3"/>
<Setter Property="FontSize" Value="36"/>
</Style>
</Application.Resources>

StylesApplying a Style
Set using Styleproperty using the StaticResource mark-up in XAML:
<TextBlock
Text="Hello World"
Style="{StaticResource Style1}" />

TemplatesChanging the look of a control
Allows you to change the complete appearance of the control
Like Style, created as a resource:
<Application.Resources>
<ControlTemplate x:Key="myBtn" TargetType="Button">
...
</ControlTemplate>
< /Application.Resources>

TemplatesApplying a template
Set using Templateproperty in XAML:
<Button
Content=“Click Me!"
Template="{StaticResourceMyTemplate}" />

The States and Parts ModelExample of States - Button
Normal
Mouse Over
Pressed
Disabled

The State and Parts ModelExample of Parts- Slider

Customizing your controlsDemo
Adding Styles
Creating a template
Setting States
Assigning parts

AnimationBasics

Animation BasicsStoryBoard
StoryBoardis a container for animation
Can be used to manage the timeline, and perform activities like start, pause, and stop

AnimationDemo
Bouncing ball animation
Easing Functions
Fluid UI

Data BindingBasics

DataBindingDemo
Element to Element Binding
Creating Sample Data
Creating a Master/Detail binding
Customising sample data

SketchFlowBasics
Plugin for creating prototypes
You can use some of Expression Blend’s features like Sample Data, animation, etc to create realistic prototypes
SketchFlow player allows you to get feedback from users about the prototype

SketchFlowDemo
Simple SketchFlow Application
Feedback option

Windows Phone 7 SeriesDemo
Using Blend to develop WP7 Apps

Wrap upTake away from this session
A lot easier to design UI in Blend -
Styles, Templates, Animation, Databinding, etc
Expression Blend is not just for Designers

The Challenge!
mahesh.krishnan@readify.net

Question & Answer Session

WIN!
Answer a question for a chance to win a Windows Phone 7
Take your golden ticket to the Windows Phone stand to collect your device

Complete evaluation forms on Schedule Builder
Be in the running for a Jabra GN2000 USB Noise-Cancelling Mono headset
WIN!
5 TO WIN EVERY DAY

© 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.
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.

www.msteched.com/Australia
Sessions On-Demand & Community
www.microsoft.com/australia/learning
Microsoft Certification & Training Resources
http:// technet.microsoft.com/en-au
Resources for IT Professionals
http://msdn.microsoft.com/en-au
Resources for Developers
Resources

http://blogesh.wordpress.com	702
http://www.copyscape.com	2
http://www.linkedin.com	1

Expression Blend for Developers

by maheshs2000 on Aug 31, 2010

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 705

Statistics

Expression Blend for Developers Presentation Transcript