Windows Presentation Foundation for Developers - Part 1
-
Upload
goodfriday -
Category
Technology
-
view
390 -
download
0
description
Transcript of Windows Presentation Foundation for Developers - Part 1
![Page 1: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/1.jpg)
![Page 2: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/2.jpg)
Fundamentals of WPFTour of Content Families
[email protected] Program Managerrrelyea.spaces.live.com robrelyea.com/events/mix07
![Page 3: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/3.jpg)
WPF in 3 Circles or Less
W P F
![Page 4: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/4.jpg)
WPF in 3 Circles or Less
Windows Desktop or
Browser
Deep Platform with
IntegrationSimple to Run*
![Page 5: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/5.jpg)
5
Content FamiliesSegoe UI
![Page 6: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/6.jpg)
6
2D Graphics
![Page 7: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/7.jpg)
Using Shapes
demo
![Page 8: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/8.jpg)
2D Content
Create in Xaml conversant toolsExpression DesignExpression Blend
Converters/Exporters from well known formats.svgAdobe Illustrator
Programmatic CreationBased on your data
![Page 9: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/9.jpg)
Custom Shapes Example
RobbyIngebretsonnotstatic.com/archive/43
![Page 10: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/10.jpg)
10
Brushes
Brushes are used to fill geometriesSolid colors, linear and radial gradients, images, visuals, and drawings can be used as brushes
Images, Visuals, and Drawings can tile or stretch
VisualBrushEnables “live” secondary renderings of your content
DrawingBrushAllows you to produce a vector fill that can be tiled
![Page 11: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/11.jpg)
Applying 2D Graphics
demo
![Page 12: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/12.jpg)
12
Panels & Layout
Adapt UI to Content
![Page 13: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/13.jpg)
Using Decorators & Panels
demo
Panel basics, Using custom panels
![Page 14: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/14.jpg)
Panels – Build user adaptive UISystem.Windows.Controls
• PanelsPosition/size children using:
Size-to-ContentTransformsOpacity
Children are UIElementsIncluding nested panels
Built in Panels includeCanvas
StackPanel
DockPanel
WrapPanel
Grid
UniformGrid 14
![Page 15: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/15.jpg)
15
Layout System
Recursive Layout Process
MeasureParent to Child: How big do you want to be?
Child to Parent: DesiredSize
ArrangeParent to Child: Here is your available space.
Child to Parent: ActualSize
![Page 16: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/16.jpg)
Custom Panel Examples
RobRelyea.com/wpf/panels
![Page 17: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/17.jpg)
Text
Segoe UI
![Page 18: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/18.jpg)
Using TextBlock
demo
![Page 19: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/19.jpg)
<StackPanel TextBlock.FontSize="48">
<TextBlock >Hello <Bold>World</Bold>. How are <Italic>you</Italic>?</TextBlock>
<TextBlock > Hello <Span FontWeight="Bold">World</Span>. How are <Span
FontStyle="Italic">you</Span>? </TextBlock>
<TextBlock TextTrimming="CharacterEllipsis"> Hello <Span FontWeight="Bold">World</Span>. How are <Span FontStyle="Italic">you</Span>?</TextBlock>
<TextBlock TextTrimming="WordEllipsis" > Hello <Span FontWeight="Bold">World</Span>. How are <Span FontStyle="Italic">you</Span>?</TextBlock>
<TextBlock TextWrapping="Wrap> Hello <Span FontWeight="Bold">World</Span>. How are <Span FontStyle="Italic">you</Span>?</TextBlock>
</StackPanel>
TextBlock ExampleContent Model, TextTrimming, TextWrapping
![Page 20: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/20.jpg)
FlowDocuments
![Page 21: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/21.jpg)
Using FlowDocuments
demo
![Page 22: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/22.jpg)
XPS Documents
![Page 23: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/23.jpg)
XPS Documents
demo
Glyphs, FixedPage, XPS Creation
![Page 24: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/24.jpg)
Flow & XPS Applied
Seattle PI ReaderWord 2007 – save as XPS or PDF feature
![Page 25: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/25.jpg)
Text Editing
![Page 26: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/26.jpg)
Text Editing Demos
demo
TextBox, RichTextBox
![Page 27: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/27.jpg)
Native Ink Support
![Page 28: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/28.jpg)
Using Ink
demo
![Page 29: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/29.jpg)
29
Content FamiliesSegoe UI
![Page 30: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/30.jpg)
Call to Action
Build easy-to-run, rich windows applications that integrate with the desktop or the browser.Harness WPF power for your Content!
CreationVisualizationAnnotation
Build a set of skills (.Net, Xaml, System.Windows.*) that are leveragable with Silverlight & WPF
![Page 31: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/31.jpg)
Please fill out your eval
evaluation
![Page 32: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/32.jpg)
Discussion
robrelyea.com/events/mix07for related resources, slides, demos, pointers to other relevant mix07 talks.
![Page 33: Windows Presentation Foundation for Developers - Part 1](https://reader036.fdocuments.net/reader036/viewer/2022062405/55561aa9d8b42ae0238b5094/html5/thumbnails/33.jpg)
© 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.