1 / 37

Building A Data-Centric Application In WPF Using The New DataGrid And Ribbon Controls

PC45. Building A Data-Centric Application In WPF Using The New DataGrid And Ribbon Controls.  Samantha Durante Program Manager, WPF Microsoft Corporation.  Mark Wilson-Thomas Program Manager, WPF Designer Microsoft Corporation. About Us… . Samantha Durante

feo
Download Presentation

Building A Data-Centric Application In WPF Using The New DataGrid And Ribbon Controls

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PC45 Building A Data-Centric Application In WPF Using The New DataGrid And Ribbon Controls  Samantha Durante Program Manager, WPF Microsoft Corporation  Mark Wilson-Thomas Program Manager, WPF Designer Microsoft Corporation

  2. About Us… • Samantha Durante • Program Manager on the WPF framework team • Responsible for the Ribbon and DataGrid controls • Feedback to samand@microsoft.com • Mark Wilson-Thomas • Program Manager on the “Cider” WPF and Silverlight Designer team on Visual Studio • Responsible for Layout features in the designer • Feedback to mwthomas@microsoft.com

  3. What To Expect From This Session… • Learn how we’re enabling you to build Data-centric Line of Business applications in WPF much more easily • See the new Ribbon and DataGrid controls and understand how to use them right now • See how wiring up data to your application will be easier in Visual Studio 2010 • All of this mostly in demo, not slides! • Slides will recap so you can find stuff later…

  4. demo "Introducing SouthridgeReal Estate" Mark Wilson-Thomas

  5. demo DataGrid Basics Samantha Durante

  6. Recap – DataGrid Basics • Great features out-of-the-box • Autogenerate columns in one line • Resizing, reordering, sorting, selection, editing, keyboard navigation • Use stock columns or define your own • Where to get DataGrid & DatePicker • Download V1 today in the WPF Toolkit • www.codeplex.com/wpf • Later, also available in .NET 4.0

  7. demo Ribbon Control Basics Samantha Durante

  8. Recap – Ribbon Control Basics • Getting started with Ribbon • RibbonCommands are the heart of the Ribbon • Use RibbonWindow for title bar integration • Customize resizing without writing layout code • Where to get Ribbon • Download CTP today at Office UI Licensing Site • http://msdn.microsoft.com/officeui • Sign the Office License to access the download • Use Office UI Licensing Guidelines in to improve the quality of your application • V1 available in 2009

  9. demo Advanced DataGrid And Ribbon Features Samantha Durante

  10. Recap – Advanced DataGrid Concepts • Row Details • Show additional fields within the grid • Row-Level Validation • Cross-field validation for end-user input • DataGrid Customization • Extensive styling to create a branded, unique UI

  11. Recap – Advanced RibbonConcepts • Built-in skins for Win7 & Office 2007 • “Smart UI” generates appropriate visuals • Application Menu Items • Quick Access Toolbar • Contextual Tabs • Full control over resizing layout • Replace RibbonWrapPanel to override default behavior

  12. demo Wiring Up A Details Screen To Data Mark Wilson-Thomas

  13. Visual Studio 2010 Databinding – RAD Data Support For WPF • Initial setup: Familiar Windows Forms RAD Data Sources Window experience • Editing: Powerful data binding picker lets you customize and create data bindings without understanding data binding syntax • XAML: Will provide data binding intellisense support, for those who prefer to work in XAML

  14. Takeaways… • WPF is well on its way to being a great platform for LOB developers • Our new controls will help make LOB developers more productive • You can try out the new controls today at • DataGrid, DatePicker: www.codeplex.com/wpf • Ribbon: http://msdn.microsoft.com/officeui • Our next generation Visual Studio tooling will include many new features to help you be more productive, especially with data binding

  15. Related Sessions You Shouldn't Miss… • PC07 WPF: Extensible BitmapEffects, Pixel Shaders, and WPF Graphics Futures - David Teitlebaum Thurs 10/30 1:45PM - 3:00PM - 403AB Catch these on Video after PDC: • PC27 Microsoft Silverlight, WPF and the Microsoft .NET Framework: Sharing Skills and Code - Ian Ellison-Taylor • PC46 WPF Roadmap-Kevin Gjerstad • PC03 Windows 7: Developing Multi-touch Applications - Reed Townsend, Anson Tsao • TL36 Microsoft .NET Framework: Declarative Programming Using XAML - Rob Relyea, Daniel Roth

  16. Evals & Recordings Please fill out your evaluation for this session at: This session will be available as a recording at: www.microsoftpdc.com

  17. Q&A Please use the microphones provided

  18. © 2008 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.

  19. The Ribbon LandscapeSoftware vendors have diverse needs • Goal: Enable a range of apps to use Ribbons • Future Plans • Markup for MFC Ribbon • Designer tools WPF MFC Scenic Target: Managed Target: MFC Native Target: Native Needs .NET 3.5 Win2k or newer Vista or newer Office 2007 & Windows Styles Office 2007 Visual Style Windows Visual Style Coming Soon.. Official Release in 2009 Available now in Visual Studio 2008 SP1 Coming Soon… Ships with Windows 7 Microsoft’s Ribbon Strategy

  20. DataGrid Performance *Custom sort implementation instructions can be found on Jossef Goldberg’s blog: http://blogs.msdn.com/jgoldb/archive/2008/08/28/improving-microsoft-datagrid-ctp-sorting-performance-part-2.aspx

  21. Appendix Implementing The Features From The Demo

  22. Recap – DataGrid Basics • Create a DataGrid • Out of the box, you get • Auto-generated columns • End-user Row and Column Resizing • End-user Drag/Drop Column Reordering • Sorting • Editing • Variety of Selection Units/Modes <dg:DataGridItemsSource="…">

  23. Recap – DataGrid Basics • Edit the Columns Collection • On design surface, right-click DataGrid and choose DataGridAdd/Edit Columns • In XAML <dg:DataGridAutoGenerateColumns="False"> <dg:DataGrid.Columns> <dg:DataGridTextColumn Header="Title" Binding="{Binding Title}“ Width=“SizeToCells”/> </dg:DataGrid.Columns> </dg:DataGrid>

  24. Recap – DataGrid Basics • Create a Custom Column <dg:DataGridTemplateColumn Header="Appointment"> <dg:DataGridTemplateColumn.CellTemplate> <DataTemplate> <dg:DatePickerSelectedDate="{Binding ApptDate}"/> </DataTemplate> </dg:DataGridTemplateColumn.CellTemplate> </dg:DataGridTemplateColumn>

  25. Recap – Ribbon Control Basics • Define RibbonCommand • Ribbon development is view-model centric • RibbonCommands are the heart of Ribbon’s intent-driven paradigm • Define a RibbonCommand for each control and group <r:RibbonCommand x:Key="OpenCommand" CanExecute="RibbonCommand_CanExecute" Executed="RibbonCommand_Executed" LabelTitle="Open Profile" ToolTipTitle="Open Profile" SmallImageSource="OpenIcon.png"/>

  26. Recap – Ribbon Control Basics • Add Ribbon with Tabs, Groups, & Controls <r:Ribbon> <r:RibbonTab Label="Home"> <r:RibbonGroup Name="Price" Command="{…}"> <r:RibbonButton Command="{…}"/> <r:RibbonButton Command="{…}"/> <r:RibbonButton Command="{…}"/> </r:RibbonGroup> </r:RibbonTab> </Ribbon>

  27. Recap – Ribbon Control Basics • Change Window to RibbonWindow • In XAML • In code behind <Window>  <r:RibbonWindow> public partial class Window1 : Window  public partial class Window1 : RibbonWindow

  28. Recap – Ribbon Control Basics • Determine Resizing Behavior • Default RibbonWrapPanel collapses groups cyclically from right to left as width decreases • Set GroupSizeDefinitions on the group to specify layout templates • Set GroupSizeReductionOrder on the tab to specify the collapse order of the groups

  29. Recap – Advanced DataGrid concepts • Row Details • Set the RowDetailsTemplate • Choose a Visibility Mode <dg:DataGrid.RowDetailsTemplate> <DataTemplate> <TextBlock Text="{Binding Description}"/> </DataTemplate> </dg:DataGrid.RowDetailsTemplate> <dg:DataGrid RowDetailsVisibilityMode="VisibleWhenSelected">

  30. Recap – Advanced DataGrid concepts • Row Level Validation • Define the Validation rule and apply it to the DataGrid • Define the Validation Error Template <dg:DataGrid.RowValidationRules> <d:DateValidationRule/> </dg:DataGrid.RowValidationRules> <dg:DataGrid.RowValidationErrorTemplate> <ControlTemplate> … </ControlTemplate> <dg:DataGrid.RowValidationErrorTemplate>

  31. Recap – Advanced DataGrid Concepts • DataGrid Styling Properties • Background & AlternatingRowBackground • GridLinesVisibility • Horizontal/VerticalGridLinesBrush • HeadersVisibility • RowHeaderWidth & ColumnHeaderHeight • ColumnHeaderStyle & ColumnHeaderTemplate • RowHeaderStyle & RowHeaderTemplate • CellStyle, RowStyle

  32. Recap – Advanced Ribbon Concepts • Apply Office 2007 Skin to Ribbon <Window.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="/RibbonControlsLibrary;component/Themes/Office2007Blue.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Window.Resources>

  33. Recap – Advanced Ribbon Concepts • Application Menu • RibbonApplication[Split]MenuItems appear as [Split]MenuItems only if they have children, otherwise they are buttons <r:Ribbon.ApplicationMenu> <r:RibbonApplicationMenu Command="…"> <r:RibbonApplicationMenuItem Command="…"> <r:RibbonApplicationMenuItem Command="…/> <r:RibbonApplicationMenuItem Command="…/> </r:RibbonApplicationMenuItem>

  34. Recap – Advanced Ribbon Concepts • Quick Access Toolbar • Use the Placement attached property to add controls to the QAT’s Customize Menu <r:Ribbon.QuickAccessToolBar> <r:RibbonQuickAccessToolBar> <r:RibbonButton Command="…" r:RibbonQuickAccessToolBar.Placement="InCustomizeMenu"/> <r:RibbonToggleButton Command="…" r:RibbonQuickAccessToolBar.Placement="InToolBar"/>

  35. Recap – Advanced Ribbon Concepts • Advanced Ribbon Resizing • If complex resizing templates are needed (e.g., Word 2007 Font group), replace the RibbonWrapPanel with a custom panel <RibbonGroup Name="Font"> <RibbonGroup.ItemsPanel> <ItemsPanelTemplate> <MyRibbonFontWrapPanel/> </ItemsPanelTemplate> </RibbonGroup.ItemsPanel>

  36. Recap – Advanced Ribbon Concepts • Contextual Tabs <r:Ribbon.ContextualTabGroups> <r:RibbonContextualTabGroup Label=“Draw"> <r:RibbonTab Label=“Format Picture"> … </r:RibbonTab> <r:RibbonTab Label=“Insert Drawing"> … </r:RibbonTab> </r:RibbonContextualTabGroup> </r:Ribbon.ContextualTabGroups>

More Related