Windows Presentation Foundation (WPF) is a paradigm-shifting framework for building rich Windows applications. Learn how to build an application with seamless deployment, rich user experience, great printing, and the ultimate in information visualization. Walk away understanding the fundamentals of the XAML markup and programming model: layout, controls, documents, media, 2d, 3d, data binding, styling and templating. (This is the first in a two-part series.)

2. Rob.Relyea@microsoft.com
Lead Program Manager
rrelyea.spaces.live.com
robrelyea.com/events/mix07

5. Segoe UI
5

6. 6

8. Create in Xaml conversant tools
Expression Design
Expression Blend
Converters/Exporters from well known formats
.svg
Adobe Illustrator
Programmatic Creation
Based on your data

9. Robby
Ingebretson
notstatic.com
/archive/43

10. Brushes are used to fill geometries
Solid colors, linear and radial gradients, images, visuals, and drawings
can be used as brushes
Images, Visuals, and Drawings can tile or stretch
VisualBrush
Enables “live” secondary renderings of your content
DrawingBrush
Allows you to produce a vector fill that can be tiled
10

12. Adapt UI to Content
12

13. Panel basics, Using custom panels

14. • Panels Built in Panels include
Canvas
Position/size children using:
Size-to-Content
Transforms StackPanel
Opacity
Children are UIElements
DockPanel
Including nested panels
WrapPanel
Grid
UniformGrid
14

15. Recursive Layout Process
Measure
Parent to Child: How big do you want to be?
Child to Parent: DesiredSize
Arrange
Parent to Child: Here is your available space.
Child to Parent: ActualSize
15

16. RobRelyea.com/wpf/panels

17. Segoe UI

19. <StackPanel TextBlock.FontSize=quot;48quot;>
<TextBlock >Hello <Bold>World</Bold>. How are <Italic>you</Italic>?</TextBlock>
<TextBlock >
Hello <Span FontWeight=quot;Boldquot;>World</Span>. How are <Span FontStyle=quot;Italicquot;>you</Span>?
</TextBlock>
<TextBlock TextTrimming=quot;CharacterEllipsisquot;>
Hello <Span FontWeight=quot;Boldquot;>World</Span>. How are <Span FontStyle=quot;Italicquot;>you</Span>?
</TextBlock>
<TextBlock TextTrimming=quot;WordEllipsisquot; >
Hello <Span FontWeight=quot;Boldquot;>World</Span>. How are <Span FontStyle=quot;Italicquot;>you</Span>?
</TextBlock>
<TextBlock TextWrapping=quot;Wrap>
Hello <Span FontWeight=quot;Boldquot;>World</Span>. How are <Span FontStyle=quot;Italicquot;>you</Span>?
</TextBlock>
</StackPanel>

23. Glyphs, FixedPage, XPS Creation

24. Seattle PI Reader
Word 2007 – save as XPS or PDF feature

26. TextBox, RichTextBox

29. Segoe UI
29

30. Build easy-to-run, rich windows applications that
integrate with the desktop or the browser.
Harness WPF power for your Content!
Creation
Visualization
Annotation
Build a set of skills (.Net, Xaml, System.Windows.*) that
are leveragable with Silverlight & WPF

32. robrelyea.com/events/mix07 for related resources,
slides, demos, pointers to other relevant mix07 talks.

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