DevExpress: Radial Menu in C#

This post shows you how to create and show a Radial Menu in C# DevExpress Windows Forms Application.

First of all, You should know what is a radial menu?

A RadialMenu is a fully customizable Microsoft OneNote 2013-inspired menu in which items are arranged along the circumference. And at runtime, the Radial Menu can be opened using the RadialMenu.ShowPopup method.

Opening your Visual Studio, then click New Project, then select Visual C# on the left, then Windows and then select Windows Forms Application. Name your project "RadialMenuApp" and then click OK

devexpress radial menu

If you have not yet installed DevExpress .NET product, you can view How to download and install DevExpress

Dragging SimpleButton, ImageCollection and RadialMenu controls from the Visual Studio toolbox into your form designer.

devexpress radial menu

Next, Add item to the RadialMenu control, then add icon to the BarLargeButtonItem.

Finally, Open your form code behind, then add a click event handler to the Show button that allows you to show the radial menu.

private void simpleButton1_Click(object sender, EventArgs e)
{
    Point p = this.Location;
    p.Offset(this.Width / 2, this.Height / 2);
    radialMenu1.ShowPopup(p);
}

Selecting the item on RadialMenu control, then add a click event handler to the BarLargeButtonItem.

private void barLargeButtonItem1_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e)
{
    XtraMessageBox.Show("Thank you for watching this video !", "Message", MessageBoxButtons.OK, MessageBoxIcon.Information);
}

For example, i show a message box when clicking the item on radial menu.

VIDEO TUTORIAL