Adding the Control

You can instantiate the control either using XAML or in code-behind.

<Page xmlns:rm="using:RadialMenuControl.UserControl" xmlns:rmb="using:RadialMenuControl.Components">
    <rm:RadialMenu x:Name="MyRadialMenu" Diameter="300" StartAngle="-22.5" OuterThickness="20" CenterButtonBorder="Black" CenterButtonIcon="&#x1f369;">
    // ...
    </rm:RadialMenu>
</Page>

Properties: Basics

Name	Type	Description
IsMenuChangeAnimated	bool	Is the transition between submenus animated?
StartAngle	double	Start Angle for the first button. 0 is "top north".
OuterThickness	double	Default for the thickness of the outer arc, if not set on a RadialMenuButton
PreviousPies	IList	Previous pies (used during back navigation)
PreviusButtons	Stack	Previous center buttons (used during back navigation)
Buttons	IList	RadialMenuButtons on this menu. You can add buttons either in XAML or in code-behind. If you change the list, the menu will be redrawn.

Properties: Colors

If a RadialMenuButton doesn't have colors set, these will be used. If these colors aren't set, purple OneNote-like colors will be used.

Name	Type	Description
InnerNormalColor	Color	Normal color for the inner portion of the button
InnerHoverColor	Color	Hover color for the inner portion of the button
InnerTappedColor	Color	Tapped color for the inner portion of the button
InnerReleasedColor	Color	Released color for the inner portion of the button
OuterHoverColor	Color	Hover color for the outer portion of the button
OuterNormalColor	Color	Normal color for the outer portion of the button
OuterTappedColor	Color	Tapped color for the outer portion of the button
OuterDisabledColor	Color	Disabled color for the outer portion of the button
OuterDisabledBrush	Brush	Tapped color for the outer portion of the button
OuterThickness	double	Thickness of the outer arc, on the outer side of the button
UseIndicationArc	bool	When set to true, an indication arc will be placed on this button
IndicationArcDistanceFromEdge	double	Distance from the inner part of the outer band to the indication arc
IndicationArcColor	Color	Color for the indication arc
IndicationArcStrokeThickness	double	The Stroke thickness of the indication arc
StrokeColor	Color	Color of the stroke around the whole "pie slice"
StrokeThickness	double	Thickness of the stroke around the "pie slice"
HasBackgroundEllipse	bool	Background Ellpise, drawn behind the whole menu. Ignored if set on a submenu.
BackgroundEllipseFill	Color	Fill color for the background ellpise

Events

Name	Description
CenterButtonTapped	Fired when the center button has been tapped

Methods: Change Menu

Name	Parameters	Description
AddButton	RadialMenuButton	Add a RadialMenuButton to the current pie. If you add a button to the currently visible Radial Menu, the menu will be redrawn.
TogglePie (async)	none	Hides the "pie" around the center button, collapsing the radial menu
ChangePie (async)	object sender, Pie newPie, bool storePrevious	Change the current pie by replacing its PieSlices with new ones. If storePrevious is set to true, the current pie will be stored away and restored during back navigation.
ChangeMenu	object sender, MenuBase newMenu	Change the whole radial menu, using a new menu object. This method is used to facilitate the transition between a parent and a submenu.
ChangeToCustomMenu (async)	object sender, MenuBase newMenu, bool storePrevious	Change to custom MenuBase menu. This method is used to facilitate the transition between a parent and a custom submenu.
ChangeCenterButton	object sender, CenterButtonShim newButton, bool storePrevious	Change the center button using a CenterButtonShim object, which is used to store the current state of a CenterButton in a leightweight way.

Methods: Access Keys

For more information, please see the section "Access Keys" in "Scenarios and Use Cases".

Name	Parameters	Description
HideAccessKeyTooltips	none	Hide all tooltips displaying set access keys for the currently visible RadialMenuButtons.
ShowAccessKeyTooltips	none	Show all tooltips displaying set access keys for the currently visible RadialMenuButtons.
ClickInnerRadialMenuButton	RadialMenuButton	Programmatically "click" the inner arc in a RadialMenuButton.
ClickOuterRadialMenuButton	RadialMenuButton	Programmatically "click" the outer arc in a RadialMenuButton.