Beginning with blend

37
Beginning with Blend Timmy Kokke

description

Low level introduction to Blend for Visual Studio 2012.

Transcript of Beginning with blend

Page 1: Beginning with blend

Beginning with BlendTimmy Kokke

Page 2: Beginning with blend

Beginning with BlendGetting started using Blend for Visual Studio when building WPF, Windows Phone or Windows Store applications and increase productivity.

Page 3: Beginning with blend

Timmy Kokke

ICT Consultant – Centric

Expression Blend MVP

www.timmykokke.com

@sorskoot

[email protected]

Page 4: Beginning with blend

Tools, tools, toolsWhy Blend?

Page 5: Beginning with blend

“blend is for designers”

Page 6: Beginning with blend

Why Blend? Resource management

Storyboards / Animations

Visual States

Editing Templates

Property editor

Behaviors

Path editing

+ a lot of small things

Page 7: Beginning with blend

Why not? Writing code, XAML or markup

Testing

Debugging

Code Analysis

Profiling

+ many, many other developer-centric tasks

Page 8: Beginning with blend

first steps

Page 9: Beginning with blend

DemoQuick tour

Page 10: Beginning with blend

welcome screen new project

open project

recent projects

Page 11: Beginning with blend

welcome screen Windows Store HTML XAML

Windows Phone

WPF + SketchFlow

Silverlight + SketchFlow

Page 12: Beginning with blend

artboard WYSIWYG

Design / XAML / Both

Zoom

Snap

Page 13: Beginning with blend

project panel File management

Team foundation server

Page 14: Beginning with blend

objects and timeline Elements

Arrange

Show / Hide / Lock

Page 15: Beginning with blend

device device specific

device orientation

default theme

deploy target

Page 16: Beginning with blend

layout

Page 17: Beginning with blend

DemoLayout

Page 18: Beginning with blend

grid Deviders

Sizing

Arranging

Page 19: Beginning with blend

layout properties Alignment

Size

Margin

Page 20: Beginning with blend

other Canvas

Border

StackPanel

+ many more

Page 21: Beginning with blend

building

Page 22: Beginning with blend

DemoWorking with objects and properties

Page 23: Beginning with blend

toolbar Common tools Selecting

Navigating

Manipulating

Drawing

Page 24: Beginning with blend

resources Management

Dictionary

Page 25: Beginning with blend

assets Controls

Styles

Media

Behaviors

Page 26: Beginning with blend

sample data Fully customizable

By hand / from class / from XML

Page 27: Beginning with blend

binding easy

advanced settings

Page 28: Beginning with blend

animation

Page 29: Beginning with blend

DemoAnimation

Page 30: Beginning with blend

animation Recording

Timeline

Easing

Page 31: Beginning with blend

visual states Recording

Easing

Page 32: Beginning with blend

behaviors Reusable

View targeted code

Page 33: Beginning with blend

conclude

Page 34: Beginning with blend

How to get Blend for Visual Studio? It comes with Visual Studio now

Visual Studio Express 2012 for Windows Phone

Visual Studio Express 2012 for Windows Store apps

Visual Studio 2012 Professional

Visual Studio 2012 Premium

Visual Studio 2012 Ultimate

Page 35: Beginning with blend

Where to learn more? MSDN http://msdn.microsoft.com/en-us/expression/cc197141.aspx

.toolbox http://www.microsoft.com/design/toolbox/

Project Rosetta http://visitmix.com/labs/rosetta/EyesOfBlend/

ExpressionBlend.com http://expressionblend.com/

Page 36: Beginning with blend

Questions

Page 37: Beginning with blend

Thank you!

www.timmykokke.com

@sorskoot

[email protected]