Home » Programming » Archive by category "WPF"

WPF Ribbon (CTP) – Part 6 – Creating a Ribbon Color Control

Creating a Ribbon Color Control

Let’s take Word for example: we can easily select the color for a piece of text or for a shape. The CTP version does not have any such control, so I would like to give you an example of how you can create one.

Entire Tutorial:

Summary

  • Step 1: Creating a new application
  • Step 2: Creating the custom RibbonColorButton
  • Step 3: Binding the RibbonColorButton to the TextBlock

Read more

WPF Ribbon (CTP) – Part 5 – Creating Custom Controls and Viewing Templates

Creating Custom Controls

Sometimes the default controls might not be enough for our needs. So what can we do then? Well, it’s simple: create our own controls. For example the CTP version does not have a color picker, but we can create our own.

Entire Tutorial:

Summary

  • Step 1: Creating a new application
  • Step 2: Implementing the IRibbonControl interface
  • Step 3: Changing the template of an existing RibbonControl – e.g. RibbonTextBox
    • Step 3a: Removing the image from the RibbonTextBox
    • Step 3b: Set a fixed width for the visual text area inside the RibbonTextBox
    • Step 3c: Set a fixed width for the label and text area inside the RibbonTextBox
  • Step 4: Viewing the templates of the basic ribbon controls
    • RibbonTab
    • RibbonButton
    • RibbonDropDownButton
    • RibbonSplitButton
    • RibbonCheckBox
    • RibbonTextBox
    • RibbonLabel
    • RibbonComboBox

Read more

WPF Ribbon (CTP) – Part 4 – Resizing Groups

Resizing Groups

Continuing with the example from the end of part 3 of the tutorial, I will show you how groups resizing is done, how you can change the order the groups resize and also how you can prevent a group from collapsing.

Entire Tutorial:

Summary

 

  • Step 1:The Default Group Resizing
  • Step 2: Specifying the Group Size Reduction Order
  • Step 3: Preventing a RibbonGroup from resizing and collapsing
  • Step 4:Resizing Issues

Read more

WPF Ribbon (CTP) – Part 3 – Adding Ribbon Controls

Continuing with the previous part of the tutorial, I will show you how to add ribbon controls on the ribbon groups. For now, I will present the controls as they are and in the next tutorials we will begin to create our own custom controls and manipulate the already existing ones.

Entire Tutorial:

Summary

  • Step 1: Adding a RibbonButton
    • RibbonButton’s Properties
  • Step 2: Setting the GroupSizeDefinitions
  • Step 3: Adding a RibbonToggleButton
    • RibbonToggleButton’s Properties
  • Step 4: Adding a RibbonDropDownButton
    • RibbonDropDownButton’s Properties
  • Step 5: Adding a RibbonSplitButton
  • Step 6: Adding a RibbonCheckBox
    • RibbonCheckbox Properties
  • Step 7: Adding a RibbonTextBox, a RibbonLabel and a RibbonComboBox
    • The RibbonControlGroup
    • RibbonLabel Properties
    • RibbonComboBox Properties
    • Issues with the RibbonTextBox

Read more

WPF Ribbon (CTP) – Part 2 – Adding tabs and groups

Continuing the application from the previous tutorial, we will add tabs and groups on them.

Entire Tutorial:

Summary

  • Common Properties for the Ribbon Controls
  • Step 1: Adding Tabs
    • From XAML
    • From Code-Behind
    • RibbonTab’s Properties
    • Why some properties seem to have no visual effect?
    • Issues
  • Step 2: Adding Groups
    • From XAML
    • From Code-Behind
    • RibbonGroup’s Properties
    • Issues

Read more

WPF Ribbon (CTP) – Part 1 – Add Ribbon and Customize

The ribbon-like look and feel seems to be a general trend. Once we got used with look and feel of the Office applications, we might as well want to use it our own applications.

For .NET users, the ribbon is accesible using MFC Feature Pack or the WPF CTP release. I will focus on the WPF version, which can be found on wpf.codeplex.com, where you can find a discussion list and an issue traker list. Being the CTP release, there still are some known issues and some of the controls that you normally have in an Office application are not yet available (for exemple Color Picker, Color Button, Gallery etc), but hopefully this things will be solved when the Ribbon V1 will be available.

After you downloaded the WPF Ribbon binaries, you can start creating your first application that uses the ribbon.

Minimum requirements for this tutorial:

  • Visual Studio 2008 SP1 and .NET Framework 3.5 – needed for this version of ribbon to work; in .Net Framework 4.0 a better version for the WPF ribbon will be available.
  • Basic knowledge about WPF and bindings

Entire Tutorial:

Summary

  • Step1: Creating a new WPF Application Project
  • Step 2: Including the RibbonControlsLibrary.dll
  • Step 3: Adding the Ribbon inside the main window
  • Step 4: Customizing the Ribbon
  • Step 5: Adding images as resources to the project
  • Step 6a: Defining the RibbonApplicationMenu from XAML
  • Step 6b: Defining the RibbonApplicationMenuItem from Code Behind
    • Loading an image from code behind
    • Creating a RibbonCommand from code behind
  • Step 7: Defining a RibbonSeparator in XAML
  • Step 8: Defining a RibbonApplicationSplitMenuItem in XAML
  • Step 9: Defining the RibbonApplicationMenu.RecentItemList
  • Step 10: Defining the Quick Access Toolbar (QAT)
  • Step 11: Removing the titlebar

Read more