public class SfRadialMenu : SfView, IDrawableLayout, IDrawable, IAbsoluteLayout, ILayout, IView, IElement, ITransform, IContainer, IList<IView>, ICollection<IView>, IEnumerable<IView>, IEnumerable, ISafeAreaView, IPadding, ICrossPlatformLayout, IVisualTreeElement, ISemanticsProvider, IParentThemeElement, IThemeElement

Examples

The below example shows how to initialize the radial menu.

XAML
C#

<radialMenu:SfRadialMenu>
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu();
RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Constructors

SfRadialMenu()

Constructor initializing minimum height, width, and center button view.

Declaration

public SfRadialMenu()

Fields

AnimationDurationProperty

Identifies the AnimationDuration ItemWidth property. It indicating the speed of opening / closing / navigating animations.

Declaration

public static readonly BindableProperty AnimationDurationProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for AnimationDuration dependency property.

CenterButtonBackFontAttributesProperty

Identifies the CenterButtonBackFontAttributes dependency property. It indicates the font attributes of the back center button at second level.

Declaration

public static readonly BindableProperty CenterButtonBackFontAttributesProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackFontAttributes dependency property.

CenterButtonBackFontFamilyProperty

Identifies the CenterButtonBackFontFamily dependency property. It indicates the font family of the text of center button when it is navigated to next level, and not in first level.

Declaration

public static readonly BindableProperty CenterButtonBackFontFamilyProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackFontFamily dependency property.

CenterButtonBackFontSizeProperty

Identifies the CenterButtonBackFontSize dependency property. It indicates the size of the text/icon of the back center button.

Declaration

public static readonly BindableProperty CenterButtonBackFontSizeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackFontSize dependency property.

CenterButtonBackgroundColorProperty

Identifies the CenterButtonBackgroundColor dependency property. It indicates the back color of the center button at first level.

Declaration

public static readonly BindableProperty CenterButtonBackgroundColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackgroundColor dependency property.

CenterButtonBackTextColorProperty

Identifies the CenterButtonBackTextColor dependency property.It indicates text/font icon color of the center button at second level.

Declaration

public static readonly BindableProperty CenterButtonBackTextColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackTextColor dependency property.

CenterButtonBackTextProperty

Identifies the CenterButtonBackText dependency property. It indicates the text of the center button when it is navigated to next level, and not in first level.

Declaration

public static readonly BindableProperty CenterButtonBackTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackText dependency property.

CenterButtonBackViewProperty

Identifies the CenterButtonBackView dependency property. It indicates a view of the center button when it is navigated to next level, and not in first level.

Declaration

public static readonly BindableProperty CenterButtonBackViewProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonBackView dependency property.

CenterButtonFontAttributesProperty

Identifies the CenterButtonFontAttributes dependency property. It indicates the font attributes of the center button at first level.

Declaration

public static readonly BindableProperty CenterButtonFontAttributesProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonFontAttributes dependency property.

CenterButtonFontAutoScalingEnabledProperty

Identifies the CenterButtonFontAutoScalingEnabled bindable property.

Declaration

public static readonly BindableProperty CenterButtonFontAutoScalingEnabledProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonFontAutoScalingEnabled bindable property.

CenterButtonFontFamilyProperty

Identifies the CenterButtonFontFamily dependency property. It indicates the font family of the text of center button when it is navigated to next level, and not in first level.

Declaration

public static readonly BindableProperty CenterButtonFontFamilyProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonFontFamily dependency property.

CenterButtonFontSizeProperty

Identifies the CenterButtonFontSize dependency property. It indicates the size of the text/icon of the center button.

Declaration

public static readonly BindableProperty CenterButtonFontSizeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonFontSize dependency property.

CenterButtonRadiusProperty

Identifies the CenterButtonRadius dependency property. It indicates the size of the center button at first level by adjusting its radius.

Declaration

public static readonly BindableProperty CenterButtonRadiusProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonRadius dependency property.

CenterButtonSizeProperty

Identifies the CenterButtonSize dependency property. It indicates the border thickness of the center button.

Declaration

public static readonly BindableProperty CenterButtonSizeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonSize dependency property.

CenterButtonStrokeProperty

Identifies the CenterButtonStroke dependency property. It indicates the stroke color of the center button/>.

Declaration

public static readonly BindableProperty CenterButtonStrokeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonStroke dependency property.

CenterButtonStrokeThicknessProperty

Identifies the CenterButtonStrokeThickness dependency property. It indicates the stroke thickness of the center button.

Declaration

public static readonly BindableProperty CenterButtonStrokeThicknessProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonStrokeThickness dependency property.

CenterButtonTextColorProperty

Identifies the CenterButtonTextColor dependency property.It indicates text/font icon color of the center button at first level.

Declaration

public static readonly BindableProperty CenterButtonTextColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonTextColor dependency property.

CenterButtonTextProperty

Identifies the CenterButtonText dependency property. It indicates text of the center button at first level, and it can also act as font icon.

Declaration

public static readonly BindableProperty CenterButtonTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonText dependency property.

CenterButtonViewProperty

Identifies the CenterButtonView dependency property. It indicates the view of the center button at first level. Any view can be assigned as center button view.

Declaration

public static readonly BindableProperty CenterButtonViewProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for CenterButtonView dependency property.

DisplayMemberPathProperty

Identifies the DisplayMemberPath dependency property. It is a member path for the display text in chip.

Declaration

public static readonly BindableProperty DisplayMemberPathProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for DisplayMemberPath dependency property.

EnableCenterButtonAnimationProperty

Identifies the EnableCenterButtonAnimation dependency property. It enables and disables Zoom In and Zoom out animation when the RadialMenu is opened or closed, respectively.

Declaration

public static readonly BindableProperty EnableCenterButtonAnimationProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for EnableCenterButtonAnimation dependency property.

EnableRotationProperty

Identifies the EnableRotation dependency property. It indicates whether to enable or disable the rim rotation with touch gestures.

Declaration

public static readonly BindableProperty EnableRotationProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for EnableRotation dependency property.

ImageMemberPathProperty

Identifies the Syncfusion.Maui.RadialMenu.SfRadialMenu.ImageMemberPath dependency property. It is a member path for the icon image in chip.

Declaration

public static readonly BindableProperty ImageMemberPathProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Syncfusion.Maui.RadialMenu.SfRadialMenu.ImageMemberPath dependency property.

IsDragEnabledProperty

Identifies the IsDragEnabled dependency property. It indicates whether the center button can be dragged on the view in SfRadialMenu.

Declaration

public static readonly BindableProperty IsDragEnabledProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for IsDragEnabled dependency property.

IsEnabledProperty

Identifies the IsEnabled dependency property.It defines the enabled state of a SfRadialMenu component.

Declaration

public static readonly BindableProperty IsEnabledProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for IsEnabled dependency property.

IsOpenProperty

Identifies the IsOpen dependency property. It indicates either the control has to be open or closed.

Declaration

public static readonly BindableProperty IsOpenProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for IsOpen dependency property.

ItemHeightProperty

Identifies the ItemHeight dependency property. This property can be used to change the height of each item.

Declaration

public static readonly BindableProperty ItemHeightProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for ItemHeight dependency property.

ItemsProperty

Identifies the Items dependency property. It is a collection of items to display in SfRadialMenu.

Declaration

public static readonly BindableProperty ItemsProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Items dependency property.

ItemsSourceProperty

Identifies the ItemsSource dependency property. It is a collection of items that can be populated as SfRadialMenuItem.

Declaration

public static readonly BindableProperty ItemsSourceProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for ItemsSource dependency property.

ItemTemplateProperty

Identifies the ItemTemplate dependency property. This property can be used to set custom content to data item in the chip group control. This is a bindable property.

Declaration

public static readonly BindableProperty ItemTemplateProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for ItemTemplate dependency property.

ItemWidthProperty

Identifies the ItemWidth dependency property. This property can be used to change the width of each item.

Declaration

public static readonly BindableProperty ItemWidthProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for ItemWidth dependency property.

LayoutTypeProperty

Identifies the LayoutType dependency property. The value indicates arrangement of items on rim either automatic or user-defined.

Declaration

public static readonly BindableProperty LayoutTypeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for LayoutType dependency property.

PointProperty

Identifies the Point dependency property. It indicates the position of the center button placement.

Declaration

public static readonly BindableProperty PointProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Point dependency property.

RimColorProperty

Identifies the RimColor dependency property. It indicates the color of the entire rim/>.

Declaration

public static readonly BindableProperty RimColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for RimColor dependency property.

RimRadiusProperty

Identifies the RimRadius dependency property. It indicates the size of the rim by adjusting its radius in SfRadialMenu.

Declaration

public static readonly BindableProperty RimRadiusProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for RimRadius dependency property.

SelectionColorProperty

Identifies the SelectionColor dependency property. It indicates the selection color of item in SfRadialMenu.

Declaration

public static readonly BindableProperty SelectionColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for SelectionColor dependency property.

SeparatorColorProperty

Identifies the SeparatorColor dependency property. It indicates the color of the separator that appears between two items.

Declaration

public static readonly BindableProperty SeparatorColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for SeparatorColor dependency property.

SeparatorThicknessProperty

Identifies the SeparatorThickness dependency property. The value indicates the thickness of separator that appears between two items.

Declaration

public static readonly BindableProperty SeparatorThicknessProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for SeparatorThickness dependency property.

StartAngleProperty

Identifies the StartAngle dependency property. It indicates the start angle of the rim.

Declaration

public static readonly BindableProperty StartAngleProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for StartAngle dependency property.

VisibleSegmentsCountProperty

Identifies the VisibleSegmentsCount dependency property. It splits the available spaces as pie segments. The exceeded items will not be shown, and beneath items it leaves empty space on rim.

Declaration

public static readonly BindableProperty VisibleSegmentsCountProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for VisibleSegmentsCount dependency property.

Properties

AnimationDuration

Gets or sets the value indicating the speed of opening / closing / navigating animations.

Declaration

public int AnimationDuration { get; set; }

Property Value

Type	Description
System.Int32	The default value is 200.

Examples

The below example shows how to apply the AnimationDuration for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" AnimationDuration="600">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   AnimationDuration = 600,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackFontAttributes

Gets or sets the value indicating font attributes of the back center button at second level. It will not applicable to custom view assigned through CenterButtonBackView.

Declaration

public FontAttributes CenterButtonBackFontAttributes { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.FontAttributes	The default font attribute is none.

Examples

The below example shows how to apply the centerButtonBack font attributes for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonBackText="Back" CenterButtonBackFontAttributes="None">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonBackText="Back",
   CenterButtonBackFontAttributes=CenterButtonFontAttributes.None,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackFontFamily

Gets or sets the value that indicating the font family of the text of center button when it navigated to next level and not in first level. Font icon support will achieved through this support. It will not applicable to custom view assigned through CenterBackButtonView.

Declaration

public string CenterButtonBackFontFamily { get; set; }

Property Value

Type	Description
System.String	The default font family is null.

Examples

The below example shows how to apply the centerButton back font family for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonBackText="Back" CenterButtonBackFontFamily="OpenSansRegular">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonBackText="Back",
   CenterButtonBackFontFamily="OpenSansRegular",
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackFontSize

Gets or sets the value that indicating the size of the text / icon of the center button when it navigated to next level and not in first level. It will not applicable to custom view assigned through CenterBackButtonBackView.

Declaration

public double CenterButtonBackFontSize { get; set; }

Property Value

Type	Description
System.Double	The default font size is 14.

Examples

The below example shows how to apply the centerButton font size for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonBackText="Back" CenterButtonBackFontSize="16">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonBackText="Back",
   CenterButtonBackFontSize=16,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackgroundColor

Gets or sets the value indicating the background color of the center button at first level.

Declaration

public Color CenterButtonBackgroundColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default value is Color.FromArgb("#FFFBFE").

Examples

The below example shows how to apply the centerButton background color for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" CenterButtonBackgroundColor="Pink">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   CenterButtonBackgroundColor=Colors.Pink,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackText

Gets or sets the value indicating text of the center button when it navigated to next level and not in first level and it can also act as font icon. It will not applicable to custom view assigned through CenterBackButtonView.

Declaration

public string CenterButtonBackText { get; set; }

Property Value

Type	Description
System.String	The default value is Sub Menu.

Examples

The below example shows how to apply the CenterButtonBackText for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonBackText="Back">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonBackText="Back",
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackTextColor

Gets or sets the value indicating text/font icon color of the center button when it navigated to next level and not in first level. It will not applicable to custom view assigned through CenterBackButtonView.

Declaration

public Color CenterButtonBackTextColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default value is Colors.Black.

Examples

The below example shows how to apply the centerButtonBackTextColor for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonBackText="Back" CenterButtonBackTextColor="Blue">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonBackText = "Back",
   CenterButtonBackTextColor=Colors.Blue,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonBackView

Gets or sets the value indicating a view of the center button when it navigated to next level and not in first level.

Declaration

public View CenterButtonBackView { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.View	The default value is null.

Examples

The below example shows how to apply the CenterButtonBackView for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu>
  <radialMenu:SfRadialMenu.CenterButtonView>
        <StackLayout VerticalOptions="Center">
            <Label Text ="Edit"/>
        </StackLayout>
  </radialMenu:SfRadialMenu.CenterButtonView>
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   ItemHeight=40,
};
var centerBackButtonView = new StackLayout
{
  VerticalOptions = LayoutOptions.Center
};

var label = new Label
{
   Text = "Back"
};

centerButtonBackView.Children.Add(label);

radialMenu.CenterBackButtonView = centerButtonView;
RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonFontAttributes

Gets or sets the value indicating font attributes of the center button at first level. It will not applicable to custom view assigned through CenterButtonView.

Declaration

public FontAttributes CenterButtonFontAttributes { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.FontAttributes	The default font attribute is none.

Examples

The below example shows how to apply the centerButton font attributes for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontAttributes="None">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontAttributes=CenterButtonFontAttributes.None,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonFontAutoScalingEnabled

Gets or sets a value that Determines whether or not the font of the control should scale automatically according to the operating system settings.

Declaration

public bool CenterButtonFontAutoScalingEnabled { get; set; }

Property Value

Type	Description
System.Boolean	It accepts Boolean values, and the default value is false.

Examples

The below example shows how to apply the FontAutoScalingEnabled for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" FontAutoScalingEnabled="True">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   FontAutoScalingEnabled=true,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonFontFamily

Gets or sets the value that indicating the font family of the text of center button in first level. Font icon support will achieved through this support. It will not applicable to custom view assigned through CenterBackButtonView.

Declaration

public string CenterButtonFontFamily { get; set; }

Property Value

Type	Description
System.String	The default font family is null.

Examples

The below example shows how to apply the centerButton back font family for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Back" CenterButtonFontFamily="OpenSansRegular">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontFamily="OpenSansRegular",
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonFontSize

Gets or sets the value that indicating the size of the text / icon of the center button in first level. It will not applicable to custom view assigned through CenterBackButtonView.

Declaration

public double CenterButtonFontSize { get; set; }

Property Value

Type	Description
System.Double	The default font size is 14.

Examples

The below example shows how to apply the centerButton font size for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonRadius

Gets or sets the value that indicating the size of the center button at first level by adjusting its radius.

Declaration

public double CenterButtonRadius { get; set; }

Property Value

Type	Description
System.Double	The default value is 28.

Examples

The below example shows how to apply the CenterButtonRadius for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" CenterButtonRadius="5">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   CenterButtonRadius=5,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonSize

Gets or sets a value of the CenterButtonBorderThickness that indicates the border thickness of the center button.

Declaration

public double CenterButtonSize { get; set; }

Property Value

Type	Description
System.Double	The default value is 56.

Examples

The below example shows how to apply the centerButton size for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" CenterButtonSize="80">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   CenterButtonSize=80,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonStroke

Gets or sets a value that indicates the stroke color of the center button/>.

Declaration

public Brush CenterButtonStroke { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default value is Color.FromArgb("#6750A4").

Examples

The below example shows how to apply the centerButton stroke for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" CenterButtonStroke="Red">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   CenterButtonStroke=Colors.Red,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonStrokeThickness

Gets or sets a value that indicates the stroke color of the center button/>.

Declaration

public double CenterButtonStrokeThickness { get; set; }

Property Value

Type	Description
System.Double	The default value is 2.

Examples

The below example shows how to apply the centerButton stroke thickness for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" CenterButtonStrokeThickness="4">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   CenterButtonStrokeThickness=4,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonText

Gets or sets the value indicating text of the center button at first level and it can also act as font icon. It will not applicable to custom view assigned through CenterButtonView.

Declaration

public string CenterButtonText { get; set; }

Property Value

Type	Description
System.String	The default value is Radial Menu.

Examples

The below example shows how to apply the centerButtonText for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText = "Edit",
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonTextColor

Gets or sets the value indicating color of the text on the center button at the first level.

Declaration

public Color CenterButtonTextColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default value is Colors.Black.

Examples

The below example shows how to apply the centerButtonTextColor for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonTextColor="Yellow">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText = "Edit",
   CenterButtonTextColor=Colors.Yellow,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

CenterButtonView

Gets or sets custom view assigned to the center button.

Declaration

public View CenterButtonView { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.View	The default value is null.

Examples

The below example shows how to apply the CenterButtonView for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu>
  <radialMenu:SfRadialMenu.CenterButtonView>
        <StackLayout VerticalOptions="Center">
            <Label Text ="Edit"/>
        </StackLayout>
  </radialMenu:SfRadialMenu.CenterButtonView>
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   ItemHeight=40,
};
var centerButtonView = new StackLayout
{
  VerticalOptions = LayoutOptions.Center
};

var label = new Label
{
   Text = "Edit"
};

centerButtonView.Children.Add(label);

radialMenu.CenterButtonView = centerButtonView;
RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

DisplayMemberPath

Gets or sets the value of DisplayMemberPath, which is member path value of the display text in chip.

Declaration

public string DisplayMemberPath { get; set; }

Property Value

Type	Description
System.String	Specifies the display member path. The default value is string.Empty.

Examples

The below example shows how to apply the DisplayMemberPath for a radial menu.

<radialMenu:SfRadialMenu DisplayMemberPath="Name" ItemsSource="{Binding Items}">
  <radialMenu:SfRadialMenu.BindingContext>
       <local:ItemTemplateViewModel/>
  </radialMenu:SfRadialMenu.BindingContext>
</radialMenu:SfRadialMenu>

public class ItemTemplateViewModel
{
   public List<Model> Items { get; set; }
   public ItemTemplateViewModel()
   {
       this.Items = new List<Model>
       {
           Items.Add(new ModelClass() { Name = "Puppy", Image = "dog1.png"});
           Items.Add(new ModelClass() { Name = "German", Image = "dog2.png"});
           Items.Add(new ModelClass() { Name = "Chennai", Image = "dog3.png"});
           Items.Add(new ModelClass() { Name = "Beagle", Image = "dog4.png"});
           Items.Add(new ModelClass() { Name = "Beagle", Image = "dog5.png"});
       };
   }
}

public class Model
{
  public string Name { get; set; }

  public ImageSource Image { get; set; }
}

EnableCenterButtonAnimation

Gets or sets the value indicating the background color of the center button at first level.

Declaration

public bool EnableCenterButtonAnimation { get; set; }

Property Value

Type	Description
System.Boolean	The default value is True.

Examples

The below example shows how to apply the centerButton stroke for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" EnableCenterButtonAnimation="True">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   EnableCenterButtonAnimation=true,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

EnableRotation

Gets or sets a value indicating whether to enable or disable the center button animation while opening and closing the menu.
Set this property to false to prevent menu items from rotating around the center button in the RadialMenu.

Declaration

public bool EnableRotation { get; set; }

Property Value

Type	Description
System.Boolean	The default value is true.

Examples

The below example shows how to apply the EnableRotation for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" EnableRotation="True">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   EnableRotation=true,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

IsDragEnabled

Gets or sets a value indicating whether the value indicating whether the center button can be drag on the view. It is applicable when the SfRadialMenu in closed state.

Declaration

public bool IsDragEnabled { get; set; }

Property Value

Type	Description
System.Boolean	The default value is true.

Examples

The below example shows how to apply the IsDragEnabled for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" IsDragEnabled="True">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   IsDragEnabled = true,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

IsEnabled

Gets or sets a value indicating whether users can interact with the control.

Declaration

public bool IsEnabled { get; set; }

Property Value

Type	Description
System.Boolean	The default value is false.

Examples

The below example shows how to apply the IsEnabled for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" IsEnabled="True">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   IsEnabled = true,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

IsOpen

Gets or sets a value indicating whether the value indicating either the control has to be open or closed. Using this property user can load the control with open state.

Declaration

public bool IsOpen { get; set; }

Property Value

Type	Description
System.Boolean	The default value is false.

Examples

The below example shows how to apply the IsOpen for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" IsOpen="True">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   IsOpen = true,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

ItemHeight

Gets or sets a value of ItemHeight. This property can be used to change the height of each item.

Declaration

public double ItemHeight { get; set; }

Property Value

Type	Description
System.Double	The default value is 40.

Examples

The below example shows how to apply the ItemHeight for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" ItemHeight="40">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   ItemHeight=40,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Items

Gets or sets the value of Items. It is a collection of items to display in SfRadialMenu.

Declaration

public RadialMenuItemsCollection Items { get; set; }

Property Value

Type	Description
RadialMenuItemsCollection	The default value is null.

Examples

The below example shows how to apply the Items for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

ItemsSource

Gets or sets a collection of items that can be populated as SfRadialMenuItem and get rendered at run-time based on the Template provided.

Declaration

public IEnumerable<object> ItemsSource { get; set; }

Property Value

Type	Description
System.Collections.Generic.IEnumerable<System.Object>	The default is an empty collection.

Examples

The below examples shows, how to set the items collection to the ItemsSource in the SfRadialMenu.

<radialMenu:SfRadialMenu x:Name="radialMenu"
                           ItemsSource="{Binding Items}">
   <radialMenu:SfRadialMenu.BindingContext>
       <local:RadialMenuItemViewModel/>
   </radialMenu:SfRadialMenu.BindingContext>
</radialMenu:SfRadialMenu>

public class RadialMenuItemViewModel
{
   public List<SfRadialMenuItem> Items { get; set; }
   public RadialMenuItemViewModel()
   {
       this.Items = new List<SfRadialMenuItem>
       {
           new SfRadialMenuItem() { Text="Bold" },
           new SfRadialMenuItem() { Text="Copy"},
           new SfRadialMenuItem() { Text="Paste"},
           new SfRadialMenuItem() { Text="Undo"}
           new SfRadialMenuItem() { Text="Color"}
       };
   }
}

 var items = new List<SfRadialMenuItem>();
 items.Add(new SfRadialMenuItem() { Text = "Bold" });
 items.Add(new SfRadialMenuItem() { Text = "Copy" });
 items.Add(new SfRadialMenuItem() { Text = "Paste" });
 items.Add(new SfRadialMenuItem() { Text = "Undo" });
 items.Add(new SfRadialMenuItem() { Text = "Color" });
 this.radialMenu.ItemsSource = items;

ItemTemplate

Gets or sets the value of ItemTemplate. This property can be used to set custom content for data item in the chip group control.

Declaration

public DataTemplate ItemTemplate { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.DataTemplate	A DataTemplate object that is used to display the custom content. The default is null.

Examples

The below example shows how to apply the ItemTemplate for a radial menu.

<radialMenu:SfRadialMenu x:Name="template" ItemsSource="{Binding Items}">
  <radialMenu:SfRadialMenu.BindingContext>
       <local:ItemTemplateViewModel/>
  </radialMenu:SfRadialMenu.BindingContext>
   <radialMenu:SfRadialMenu.ItemTemplate>
       <DataTemplate>
           <StackLayout>
               <Image
                   HorizontalOptions = "Center"
                   Source="{Binding Image}"
                   WidthRequest="15" />

               <Label
                   HorizontalTextAlignment = "Center"
                   Text="{Binding Name}"
                   VerticalTextAlignment="Center" />
           </StackLayout>
       </DataTemplate>
   </radialMenu:SfRadialMenu.ItemTemplate>
</radialMenu:SfRadialMenu>

public class ItemTemplateViewModel
{
   public List<Model> Items { get; set; }
   public ItemTemplateViewModel()
   {
       this.Items = new List<Model>
       {
           Items.Add(new ModelClass() { Name = "Puppy", Image = "dog1.png"});
           Items.Add(new ModelClass() { Name = "German", Image = "dog2.png"});
           Items.Add(new ModelClass() { Name = "Chennai", Image = "dog3.png"});
           Items.Add(new ModelClass() { Name = "Beagle", Image = "dog4.png"});
           Items.Add(new ModelClass() { Name = "Beagle", Image = "dog5.png"});
       };
   }
}

public class Model
{
  public string Name { get; set; }

  public ImageSource Image { get; set; }
}

ItemWidth

Gets or sets the value of ItemWidth. This property can be used to change the width of each item.

Declaration

public double ItemWidth { get; set; }

Property Value

Type	Description
System.Double	The default value is 40.

Examples

The below example shows how to apply the ItemWidth for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" ItemWidth="40">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   ItemHeight=40,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

LayoutType

Gets or sets a value that indicates the arrangement of items on rim either automatic or user-defined/>.

Declaration

public LayoutType LayoutType { get; set; }

Property Value

Type	Description
LayoutType	The default value is Default.

Examples

The below example shows how to apply the LayoutType for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" LayoutType="Default">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   LayoutType = LayoutType.Default,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Point

Gets or sets the value indication the position of the center button placement. User can determine the position of the center button while loading.

Declaration

public Point Point { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Point	The default value is zero.

Examples

The below example shows how to apply the Point for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" Point="50,50">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   Point = new Point(50,50),
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

RimColor

Gets or sets a value that indicates the color of the entire rim.

Declaration

public Color RimColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default value is Color.FromArgb("#F3EDF7").

Examples

The below example shows how to apply the RimColor for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" RimColor="LightGray">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   RimColor=Colors.LightGray,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

RimRadius

Gets or sets the value indicating the size of the rim by adjusting its radius.

Declaration

public double RimRadius { get; set; }

Property Value

Type	Description
System.Double	The default value is 300.

Examples

The below example shows how to apply the RimRadius for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" RimRadius="200">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   RimRadius=200,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

SelectionColor

Gets or sets a value that can be used to customize the selection item in the SfRadialMenu control.

Declaration

public Color SelectionColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	It accepts Color values.

Examples

The below example shows how to apply the SelectionColor for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" SelectionColor="Gray">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   SelectionColor=Colors.Gray,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

SeparatorColor

Gets or sets the value indicating the color of the separator that appear between two items.

Declaration

public Color SeparatorColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default value is White.

Examples

The below example shows how to apply the SeparatorColor for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" SeparatorColor="White">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   SeparatorColor=Colors.White,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

SeparatorThickness

Gets or sets the value indicating the thickness of the separator that appear between two items.

Declaration

public double SeparatorThickness { get; set; }

Property Value

Type	Description
System.Double	The default value is 2.

Examples

The below example shows how to apply the SeparatorColor for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" SeparatorThickness="3">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   SeparatorThickness=3,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

StartAngle

Gets or sets the value that indicating angle is set to RadialMenuItem.

Declaration

public double StartAngle { get; set; }

Property Value

Type	Description
System.Double	The default value is 0.

Examples

The below example shows how to apply the StartAngle for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" CenterButtonFontSize="16" StartAngle="90">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   CenterButtonFontSize=16,
   StartAngle=90,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

VisibleSegmentsCount

Gets or sets the value that splits the available spaces as pie segments. Exceeded items will not shown and beneath items leave empty space on rim. It will be applicable only if the SfRadialMenu in Custom layout type.

Declaration

public int VisibleSegmentsCount { get; set; }

Property Value

Type	Description
System.Int32	The default value is 10.

Examples

The below example shows how to apply the VisibleSegmentsCount for a radial menu.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText="Edit" VisibleSegmentsCount="3">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="12"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="12"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

SfRadialMenu radialMenu = new SfRadialMenu()
{
   CenterButtonText="Edit",
   VisibleSegmentsCount = 3,
};

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 12 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 12 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Methods

ArrangeContent(Rect)

Positions the child elements within the radial menu based on the provided bounds.

Declaration

protected override Size ArrangeContent(Rect bounds)

Parameters

Type	Name	Description
Microsoft.Maui.Graphics.Rect	bounds

Returns

Type
Microsoft.Maui.Graphics.Size

Overrides

SfView.ArrangeContent(Rect)

MeasureContent(Double, Double)

Determines the size of the radial menu's content, considering width and height constraints.

Declaration

protected override Size MeasureContent(double widthConstraint, double heightConstraint)

Parameters

Type	Name	Description
System.Double	widthConstraint
System.Double	heightConstraint

Returns

Type
Microsoft.Maui.Graphics.Size

Overrides

SfView.MeasureContent(Double, Double)

Events

CenterButtonBackTapped

Raised when the center button back is tapped.

Declaration

public event EventHandler<CenterButtonBackTappedEventArgs> CenterButtonBackTapped

Event Type

Type
System.EventHandler<CenterButtonBackTappedEventArgs>

Closed

Raised after the radial menu has finished closing.

Declaration

public event EventHandler<ClosedEventArgs> Closed

Event Type

Type
System.EventHandler<ClosedEventArgs>

Closing

Raised just before the radial menu starts closing.

Declaration

public event EventHandler<ClosingEventArgs> Closing

Event Type

Type
System.EventHandler<ClosingEventArgs>

DragBegin

Raised when a drag operation begins.

Declaration

public event EventHandler<DragBeginEventArgs> DragBegin

Event Type

Type
System.EventHandler<DragBeginEventArgs>

DragEnd

Raised when a drag operation ends.

Declaration

public event EventHandler<DragEndEventArgs> DragEnd

Event Type

Type
System.EventHandler<DragEndEventArgs>

Navigated

Raised when navigation to a different level within the radial menu occurs.

Declaration

public event EventHandler<NavigatedEventArgs> Navigated

Event Type

Type
System.EventHandler<NavigatedEventArgs>

Navigating

Raised before navigation to a different level within the radial menu occurs.

Declaration

public event EventHandler<NavigatingEventArgs> Navigating

Event Type

Type
System.EventHandler<NavigatingEventArgs>

Opened

Raised after the radial menu has finished opening.

Declaration

public event EventHandler<OpenedEventArgs> Opened

Event Type

Type
System.EventHandler<OpenedEventArgs>

Opening

Raised just before the radial menu starts opening.

Declaration

public event EventHandler<OpeningEventArgs> Opening

Event Type

Type
System.EventHandler<OpeningEventArgs>

Implements

IDrawableLayout

Microsoft.Maui.Graphics.IDrawable

Microsoft.Maui.IAbsoluteLayout

Microsoft.Maui.ILayout

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IContainer

System.Collections.Generic.IList<>

System.Collections.Generic.ICollection<>

System.Collections.Generic.IEnumerable<>

System.Collections.IEnumerable

Microsoft.Maui.ISafeAreaView

Microsoft.Maui.IPadding

Microsoft.Maui.ICrossPlatformLayout

Microsoft.Maui.IVisualTreeElement