2. Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP Declarative based UI programming: WPF, Silverlight & Surface

3. About… InterKnowlogy (www.InterKnowlogy.com) Tim Huckaby, CEO (TimHuck@InterKnowlogy.com) – Custom Application Development / Consulting / Software & Systems Engineering Firm headquartered in Carlsbad, CA – Design, Architect, Build and Deploy Enterprise Class Applications – Industry Experts: Most of the employees are published, MVPs, RD, Speakers, etc. Microsoft.NET Application development since 2000 Microsoft.NET Rich Client Pioneers / Industry Leaders Microsoft Touch Application Development Leaders (Surface / Windows 7 / Silverlight 3) Information Worker Solutions (VSTO & SharePoint) Integration / Messaging, B2B / B2C, Wireless / Mobility Leading Edge: Surface, WPF, Silverlight, Win7 touch, SharePoint, VSTO Cutting Edge Solutions on emerging Microsoft technologies Largest Client: Microsoft

4. Declarative Programming Layout and Controls Events and Commands Working with Data Session Agenda Styles

5. DEMO

6. Declarative Programming XAML replaces code Attributes control Layout and Style Event handlers wired-up in XAML Declarative Data Binding

7. What the heck is XAML? Separates the front-end from the back-end Simple declarative programming language suitable for constructing and initializing.NET Objects Usually the most concise way to represent user interfaces (or other hierarchies of objects) Doesn’t need a compile to render The language that almost all WPF related tools emit

8. Sample XAML Runs in a WPF Application: Runs in the Browser: :

9. Declarative Programming Gotcha(s), tips & tricks Not all XAML is created equal Silverlight was designed to be a small subset of WPF not a direct port Surface works with gestures so unique versions of some controls are required The Surface SDK is going to permeate WPF and Silverlight to provide a consistent API for touch across the stack.

10. DEMO

11. Layout Overview Content rendering flows inside parent Fixed positioning (Canvas) is seldom used Panels are used to house content Margins and Padding over fixed size

12. Panels (ALL) StackPanel Arranges child elements into a single line that can be oriented horizontally or vertically. Grid A flexible grid area that consists of columns and rows. Canvas An area within which you can explicitly position child elements by using coordinates that are relative to the Canvas area.

13. Panels (WPF and Surface) WrapPanel Positions child elements in sequential position from left to right, breaking content to the next line at the edge of the containing box. DockPanel An area where you can arrange child elements either horizontally or vertically, relative to each other.

14. Positioning Horizontal and Vertical Alignment Margin Padding Margin Text Block Padding

15. DEMO

16. Controls Overview Not all controls are created equal Silverlight is a subset of WPF so certain controls have not ported over yet Surface relies on touch so it has unique versions of some controls

17. Standard Common Controls TextBox Button CheckBox / ComboBox Image ListBox Tab

18. WPF Controls Menu and Toolbar TextBlock InkCanvas / InkPresenter Expander TreeView DocumentViewer UniformGrid

19. Silverlight Controls DataGrid Calendar ProgressBar

20. Surface Controls ScatterView Menu TagVisualizer InkCanvas

21. DEMO

22. Events and Commands Standard.NET Events Routed Events * Commands * * Partial or no support in Silverlight

23. Routed Events Bubbling * – Starts at the current element and bubbles up to the current element’s parent and that elements parent and so on [MouseLeftButtonDown] Tunneling * – Works opposite of bubbling and starts at the root element and works down to the originating element [PreviewMouseLeftButtonDown] Direct – Works like standard.NET event handling with only direct handlers being notified of events [Click] * Partial or no support in Silverlight

24. Commands Logical action that can be invoke in several ways Based on the RoutedCommand Class Uses both event tunneling [PreviewExecuteEvent] and event bubbling [ExecuteEvent] Not supported in Silverlight

25. DEMO

26. Working with Data Overview Simple Data Binding Complex Data Binding

27. Data Binding Overview Simple Field level Data Binding Complex Data Binding to multiple controls at a time (Master/Detail/Detail) Client-Side Sorting and Filtering Support for binding to Objects, XML and Relational data sources

28. Simple Data Binding Simple Data Binding using Business Objects Support for two-way synchronization in simple objects via the INotifyPropertyChanged interface Implicit and Declarative binding via the DataContext

29. Complex Data Binding Binding to Lists Supports two-way data binding to list if list inherits from ObservableCollection Data Templates Sorting Filtering Master/Detail/Detail

30. DEMO

31. Adding Style to Your Application Overview Resources * Triggers * * Partial or no support in Silverlight

32. Styles Overview What are styles? Problems they address in WinForms 2.0 – Styling controls one at a time – Unnecessary Custom Control Creation Similarities to Cascading Style Sheets – Inline declaration – Page level declaration – Separate file declaration

33. Style Examples

34. Resources Static Resources – Loaded when Window or Page Loads – Leads to slower page loading – Changes to underlining values are not propagated Dynamic Resources * – More overhead to allow for constant updates – Can only be used to set dependency properties – Can potentially improve Page and Window load time * Not supported in Silverlight

35. Resource Dictionary Contains hash table of resources Great way to organize resources Resource.MergedDictionaries combines many different file based resources * * Not supported in Silverlight

36. Triggers Setters that are set based on one or more conditions Three Types of Triggers – Property – Invoked when the value of a dependency property changes – Data – Invoked when the value of a plain.NET property changes – Event – Invoked when a routed event changes Not supported in Silverlight

37. The Silverlight Visual State Manager Alternative to Triggers in Silverlight Promotes separation between UI and code Controls have States and State Groups States within a State Group are immutable Fully supported in Blend Not supported in WPF

38. DEMO

39. Summary Layout in XAML is flexible Each technology has it’s own set of controls Data Binding is rich & supports many data types Styles bring life to your applications The learning curve can be steep, but is worth it. Download all my resources and dedicate some time to learn.

40. Where to go next: http://WindowsClient.InterKnowlogy.com Windows Client Guidance Microsoft Platform Solution Architecture for the Application Developer by Tim Huckaby The “Anchor Document” to a ton of Rich Client Guidance

41. WPF: Where to go Next Free Resources WindowsClient.net - this is the official Microsoft community portal for WPF development, and is chock full of great resources WindowsClient.net Windows Client Development Samples, Guidance, FAQs and Blogs - Contains an aggregation of a ton of great stuff on the Windows Client Development platform. Windows Client Development Samples, Guidance, FAQs and Blogs Learn WPF page - this page links to podcasts, labs, and the very popular "how do I?" videos Learn WPF page MIX University's WPF Bootcamp - this is a full 3-day video training course on WPF, in which expert instructors guide you from the surface into the depths of the technology stack MIX University's WPF Bootcamp WindowsClient.net - this is the official Microsoft community portal for WPF development, and is chock full of great resources WindowsClient.net Windows Client Development Samples, Guidance, FAQs and Blogs - Contains an aggregation of a ton of great stuff on the Windows Client Development platform. Windows Client Development Samples, Guidance, FAQs and Blogs Learn WPF page - this page links to podcasts, labs, and the very popular "how do I?" videos Learn WPF page MIX University's WPF Bootcamp - this is a full 3-day video training course on WPF, in which expert instructors guide you from the surface into the depths of the technology stack MIX University's WPF Bootcamp

42. Silverlight & Surface: Where to go Next Free Resources http://silverlight.net - this is the official Microsoft community portal for Silverlight development http://www.microsoft.com/surface - this is the official Microsoft community portal for Surface

43. Where to go Next Books Windows Presentation Foundation Unleashed (WPF) by Adam Nathan, Daniel LehenbauerAdam NathanDaniel Lehenbauer Essential Windows Presentation Foundation (WPF) by Chris AndersonChris Anderson Silverlight In Action by Chad Campbell and John Stockton Windows Presentation Foundation Unleashed (WPF) by Adam Nathan, Daniel LehenbauerAdam NathanDaniel Lehenbauer Essential Windows Presentation Foundation (WPF) by Chris AndersonChris Anderson Silverlight In Action by Chad Campbell and John Stockton

44. Where to go…soon… Windows Presentation Foundation A Scenario-Based Approach by Billy Hollis “Early April…I hope…” B. Hollis, 12/7/07 “October…” B. Hollis, 6/3/08 “It’s not going to be done in April.” B. Hollis, 2/24/09 “I took a.NET 4.0 dependency. Projected date now Jan 2010, because it can’t come out until VS2010 is released.” B. Hollis, 4/29/09

45. Where to go next : The InterKnowlogy WPF & Silverlight Reference Applications

46. Tim Huckaby, InterKnowlogy More info on InterKnowlogy: – www.InterKnowlogy.com Contact me: Tim Huckaby – E-mail : TimHuck@InterKnowlogy.com – Phone: 760-444-8640 – Blog : http://team.interknowlogy.com/blogs/timhuckaby About Tim Huckaby… – CEO, InterKnowlogy – Microsoft ® Regional Director – Southern California – Microsoft ®.NET Partner Advisory Council Founder / Member – Microsoft ® MVP -.NET – Microsoft ® Surface Partner Advisory Council – INETA Speaker – International.NET Users Group Association – Windows and.NET Magazine Advisory Board Member –.NET Developers Journal Magazine Advisory Board Member – Author / Speaker

47. InterKnowlogy – Who We Are Focused on Custom AppDev, Collaboration and Infrastructure Technologies Alpha / Beta Deployments Published Authors, Instructors, MS MVPs Client Service Delivery Focus HQ in Carlsbad, CA Worldwide Client Base

48. InterKnowlogy Technologies of Note Exchange / Active Directory Windows Server SMS System Center Performance Point MOSS 2007 InfoPath.Net 2.0 / 3.0 / 3.5 / 4.0 WPF & XAML WF & WCF Silverlight VSTS / TFS VSTO SQL BizTalk WPF, Silverlight, Surface, Windows 7 Touch

49. DEMO

50. InterKnowlogy - What We Do Best Custom Application Development System Integration Collaboration / Portals Infrastructure Business Intelligence High Level Technical Consulting

51. Tim Huckaby, InterKnowlogy More info on InterKnowlogy: – www.InterKnowlogy.com Contact me: Tim Huckaby – E-mail : TimHuck@InterKnowlogy.com or v-TimHu@Microsoft.com – Phone: 760-444-8640 – Blog : http://blogs.InterKnowlogy.com/TimHuckaby About Tim Huckaby – Microsoft ® Regional Director – Southern California – Microsoft ®.NET Partner Advisory Council Founder / Member – Microsoft ® MVP -.NET – Microsoft ® Prescriptive Architecture Group Advisory Council – Microsoft Office ® Developer Advisory Council – Microsoft ® MSF advisory board member – INETA Speaker – International.NET Users Group Association – Windows and.NET Magazine Advisory Board Member –.NET Developers Journal Magazine Advisory Board Member – Author / Speaker