Enasayo Ribon

Ribbon Feature Walkthrough
The WPF team is excited to debut the preview version of our new WPF Ribbon control starting on Monday, October 27, 2008! Binaries and source code for the Ribbon can be downloaded at the Office UI Licensing site.
Table of Contents
* Introduction to the Office Ribbon
* Feature Walkthrough
* Basic Ribbon Construction
* RibbonCommands
*RibbonWindow
* Ribbon Layout & Resizing
* RibbonApplicationMenu & RibbonQuickAccessToolBar
* Themes & Skins
* Get Started with Ribbon
Introduction to the Office Ribbon

The preview version of the WPF Ribbon includes many of the features which Independent Software Vendors (ISVs) need to add a Ribbon control to their WPF applications. Ribbon is a command bar thatorganizes a program's features into a series of tabs at the top of a window. The Ribbon UI was designed by Microsoft Office to increase discoverability of features and functions, enable quicker learning of the program as a whole, and make users feel more in control of their experience with the program. The Ribbon is designed to replace the traditional menu bar and toolbars. The WPF Ribbon willinclude all of the basic Ribbon features and functionality, including tabs, groups, controls (buttons, split buttons, galleries, etc.), title bar integration of the application menu button and quick access toolbar, and resizing with dynamic layout.

The Ribbon is a fairly complex piece of UI which is difficult to build without a basic understanding of the control and the intended function of eachof its components. Ribbon was introduced as part of the Office 2007 suite and can be found in applications such as Word, PowerPoint, Excel, and Outlook. If you’re not familiar with the Office Ribbon, there is a great overview of the Ribbon and its components available on MSDN at http://msdn.microsoft.com/en-us/library/cc872782.aspx.
Feature Walkthrough
Basic Ribbon Construction
The Ribbon iscomposed of a collection of tabs, each of which contains a collection of groups, and each group contains a collection of controls. Controls used the Ribbon can include buttons, split buttons, checkboxes, drop-down menus, combo boxes, text boxes, spinners, and galleries. Many of these controls are available in the preview release of the Ribbon and can be used to build a basic Ribbon structure likeso:
<r:RibbonTab Label="Banking">
<r:RibbonGroup>
<r:RibbonButton Command="me:AppCommands.Cut"/>
<r:RibbonButton Command="me:AppCommands.Copy"/>
<r:RibbonButton Command="me:AppCommands.Paste"/></r:RibbonGroup>

<r:RibbonGroup>
<r:RibbonButton Command="me:AppCommands.AddNew"/>
<r:RibbonButton Command="me:AppCommands.Clear" />
<r:RibbonButton Command="me:AppCommands.Delete"/>
</r:RibbonGroup><r:RibbonGroup>
<r:RibbonButton Command="me:AppCommands.DownloadStatements"/>
<r:RibbonButton Command="me:AppCommands.DownloadCreditCards"/>
<r:RibbonButton Command="me:AppCommands.Transfer"/>
</r:RibbonGroup></r:RibbonTab>

RibbonCommands
One very important aspect of the WPF Ribbon is the new RibbonCommand feature. Unlike most UI development which is view-centric, the Ribbon is more view-model centric. Every piece of UI on the Ribbon has an intent, which can generally be considered an action which has UI (such as a label and icon) associated with it. These actions can be used in...