Upload
dave-bost
View
2.612
Download
3
Tags:
Embed Size (px)
Citation preview
Dave BostDeveloper Evangelisthttp://davebost.com/blog
http://thirstydeveloper.comhttp://thirstydeveloper.com
“Looking at someone’s code, but with audio”
Essential concepts of Windows Presentation FoundationHow to create a data-bound, service based WPF application
Level 100
User Interface development.NET language
VBC#
Familiar with XMLVisual Studio 2008
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
Composable ElementsFlexible layout enginePowerful data-binding architectureImpressive print, font and document capabilities
Lookless controlsStyles and TemplatesFull integration of all UI disciplines
Manhattan Associates: Integrated Logistics Solutions (ILS)Supply Chain OptimizationStatus: Shipping Info: http://www.manh.com/ils_net/
SilverWareSilverWare Avrio is a powerful hospitality industry solution with a highly intuitive GUI that makes it one of the most accessible P.O.S. solutions that restaurateurs and staff can use.Status: Shipping
Eikos Partners: OpenTick Opentick is an open-source data provider that delivers free real-time and historical market data for trading systems and trading platforms.Status: Shipping
Asahiyama Zoo Portal for the virtual exploration of one of Japan’s largest zoos.Status: Shipping Live Site: http://www.asahiyamazoo-aict.jp/asahiyamazoo.xbap
YahooNext-generation instant messaging clientStatus: Public Beta
Scripps HealthcareAllowing cancer researchers to collaborate in the search for a cureStatus: Late Beta (Shown at Windows Vista BV Launch)PR: .NET Developer’s Journal
Electric Rain STANDOUTHigh-end tool for delivering visually stunning presentationsStatus: Beta
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
Create WPF application withVisual Studio 2008Expression Blend
A WPF application is managed codeIt runs on the .NET 2.0 runtime
Some classes similar to the WinForms modelApplication class Has Window class instead of Form classUse .Show() or .ShowDialog to display Page class for forward/back navigation
Host WinForms controls on WPF windowHost WPF controls on Winform forms
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
XAML is a declarative programming languageTool friendly: Easy to persist UI structure in XAML
Expression Blend, ZAM 3D, Visual Studio
XAML is parsed by dedicated parserParser converts the tree of XML into a instances of objectsMost .NET types can be stored in XAML tree
Most likely that these will be Visual itemsWPF, Silverlight, XPS & Silverlight use XAML
Silverlight is a sub-set of WPF XAML
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
WPF includes a flexible, panel based layout engineWhat is layout?
Measuring and arranging a region of WPF UIAll layout is handled by panelsPanel has ultimate control over every child
Child size, location, ZOrderChild location relative to other children
Frees you from hard coding sizes/locationsMix and combine panels
Child communicates with host panel via Attached propertiesInform their containing panel of desired layoutExample: Grid.Column = "3"Each panel handles one type of layoutGrid: Create rows/columns for childrenCanvas: Absolute positioningStackPanel: Children stacked horizontal/verticalDockPanel: Attach child to side of panelWrapPanel: Stacked, with multi children per line
Panel model is extensible with your own panels
<Grid/><Grid/>
<Canvas/><Canvas/>
<StackPanel<StackPanel/>/>
<StackPanel<StackPanel/>/>
<DockPanel/<DockPanel/>>by lee.mccain.photorama
http://flickr.com/photos/mccain007/2218878568/
<WrapPanel/<WrapPanel/>>
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
Styles provide a convenient way to itemize a set of property values for an element type
Example: Set font attributes for all textboxesTo define a Style
Styles are defined in a Resource elementAny element in XAML can have a resource sectionUsual locations are Page, Window and Application levelEvery Style in resource must have a x:Key valueUse TargetType to limit style to one element type
To apply a Style to an ElementReference the Style by setting the Style attributeUse the Markup Extension syntax '{}'
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
Accessing data from WPFXMLDatabases
Ado.NETLinq to SQLLinq to EntitiesEntity Framework
Invoking Services from WPFWCFSoap, REST, WS*
ADO.NET Data ServiceCode name Astoria Data ServicesExposes SQL data over HTTP via REST endpointsExamples: http://localhost/CohoDS.svc/Wines…Northwind.svc/Customers?$filter=contains(City,'Kent')
Authoring the Data ServiceWebsiteADO.NET EntityData modelADO.NET Data Service
Consuming the DataServiceGenerate proxy with DataSvcUtil.exeAdd proxy code to WPF application
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
Binding overviewWPF synchronizes a data source and data targetAdd binding to target element with {Binding ***}
Change notificationWPF dependency system updates target upon source changes provided:
Source must implement change notificationVia IPropertyNotifyChanged and other mechanisms
Single bindingBind a target to a single property on sourceExample: TextBlock.Text to Customer.Age
List bindingBind a target to a array, collection etc.Example: Treeview. ItemsSource to XML source
Templates provide a convenient way to centralize the replacement UI for:Tabular dataHierarchical dataControls
Data TemplateDefine the UI for one Type
Example: Customer classRender UI with six TextBlocks and one Image
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
Custom elementsLess need for custom elements in WPFFirst consider getting custom look via
Composed UIStylesTemplates
If you must create custom element choose base:Existing controlControlUserControl
User control benefitsSimpleEasy to compose sub-elements into new classEasily add custom element to UI tree
Control library authorCreate custom User ControlCompiled into assembly
Control consumerAdd reference to assemblyBring your namespace into scope with xmlns attribute
Discover the top WPF benefits Creating a WPF applicationXAMLLayoutStylesUsing services and databasesData TemplatesUser ControlsControl Templates
All controls in WPF are looklessEach has a default UI templateWe can replace default template with our own control templateAny valid UI element can be part of templateTemplates also support bindingTemplates do not change behavior of element
WPF is a rich UI programming frameworkSince WPF is managed code, working with .NET APIs is easy and familiarCore concept is the composable UI model
Create UI out of any valid WPF elementMix and merge elements Formalize these replacement parts with Styles and Templates
Visit MSDN at msdn.microsoft.com
Visit the URL below for additional information
http://windowsclient.net/
Virtual Labshttp://msdn.microsoft.com/virtuallabs
MIX Universityhttp://visitmix.com/university
For the latest titles, visitwww.microsoft.com/learning/books/devtools
These books can be found and purchased at all major book stores and online retailers
Course ID Title
6460A Windows Presentation Foundation
For training information and availability www.microsoft.com/learning
•Are you ready to take your career as a developer to the next level?
•Looking for a learning experience that is designed for you?
Join MSDN Ramp Up and Summit Your Career!
MSDN Ramp Up is your online source that provides free training and technical resources to help take your development skills to the next level.
• Step-by-Step training plans to build your development skills.
• Premium technical content created by expert developers for developers.
• Access to valuable online e-learning, e-references, and virtual labs.
• 50% discount on select certification exams and 30% discount on Microsoft Press training kits.
Join Ramp Up for free today! Go to: http://msdn.microsoft.com/rampup
© 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.