in WPF

Getting Started with the WPF Ribbon [Preview] Control

Microsoft introduced the Ribbon Interface with its Office 2007 release. Very soon, many developers (like, DevComponents’s WPF Ribbon Control and this CodeProject article) started developing their own controls.

At PDC this year, Scott Gu announced about the new WPF Ribbon Control added to the WPF Toolkit! Currently it is in its preview stage, but really stable to try some cool UI with the Ribbon :)

Where do I get the Control?

To get your copy of the WPF Ribbon (along with its source code), visit here. Its a bit complex process (doh!) that you need to accept the Office UI License, which then will give you link to download the binary and source code.

How do I start developing?

To be frank, building a Ribbon needs good ground work. You need to:

  1. Understand the structure of the Ribbon and its components
  2. Have a good understanding on how your application is going to use the Ribbon

It isn’t Menus now, its all Tabs :)

Lets get started

First, you need to understand the components of the Ribbon. The ‘basic’ components include:

  • Application Menu
  • Quick Access ToolBar
  • Tabs
  • Groups

Below is a more detailed diagram on the components which includes all the components

office-ribbon

(Image Courtesy : MSDN)

You can read more about the above components and guidelines in this MSDN article

Any working Sample?

Yes, WindowsClient website has a good article on building Ribbon Control (without sample) and you can download the Hands On Lab here (which has an excellent sample!)

What about me? :D

Here is a screenshot of what I built

tweety 

Sample is only for demonstration and none of the ‘twitter functions’ work.

You can download my sample below:

Write a Comment

Comment


+ 4 = eleven