public class SfRadialMenuItem : SfContentView, IDrawableLayout, IDrawable, IAbsoluteLayout, ILayout, IView, IElement, ITransform, IContainer, IList<IView>, ICollection<IView>, IEnumerable<IView>, IEnumerable, ISafeAreaView, IPadding, ICrossPlatformLayout, IVisualTreeElement, ISemanticsProvider

Constructors

SfRadialMenuItem()

Initializes the item with some default settings.

Declaration

public SfRadialMenuItem()

Fields

BackgroundColorProperty

Identifies the BackgroundColor dependency property for the background color of the radial menu.

Declaration

public static readonly BindableProperty BackgroundColorProperty

Field Value

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

CommandParameterProperty

Identifies the CommandParameter dependency property. It is a parameter to pass to the Command property. This is a dependency property.

Declaration

public static readonly BindableProperty CommandParameterProperty

Field Value

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

CommandProperty

Identifies the Command dependency property. It invokes when the button is activated. The default value is null.

Declaration

public static readonly BindableProperty CommandProperty

Field Value

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

FontAttributesProperty

Identifies the FontAttributes dependency property.Identifies the dependency property for the attributes of the font.

Declaration

public static readonly BindableProperty FontAttributesProperty

Field Value

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

FontAutoScalingEnabledProperty

Identifies the FontAutoScalingEnabled bindable property.

Declaration

public static readonly BindableProperty FontAutoScalingEnabledProperty

Field Value

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

FontFamilyProperty

Identifies the FontFamily dependency property.Identifies the dependency property for the family of the font.

Declaration

public static readonly BindableProperty FontFamilyProperty

Field Value

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

FontSizeProperty

Identifies the FontSize dependency property.Identifies the dependency property for the size of the font.

Declaration

public static readonly BindableProperty FontSizeProperty

Field Value

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

ImageProperty

Identifies the Image dependency property.This property represents the image to be displayed on the radial menu item.

Declaration

public static readonly BindableProperty ImageProperty

Field Value

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

IsEnabledProperty

Identifies the BackgroundColor dependency property. It control the enabled state of a SfRadialMenuItem component.

Declaration

public static readonly BindableProperty IsEnabledProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for BackgroundColor 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 represents a list of items to display/>.

Declaration

public static readonly BindableProperty ItemsProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Items 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.

SegmentIndexProperty

Identifies the SegmentIndex dependency property. This value allows user to rearrange or position the items.

Declaration

public static readonly BindableProperty SegmentIndexProperty

Field Value

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

TextColorProperty

Identifies the TextColor dependency property. Identifies the dependency property for the color of text.

Declaration

public static readonly BindableProperty TextColorProperty

Field Value

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

TextProperty

Identifies the Text 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 TextProperty

Field Value

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

ViewProperty

Identifies the View dependency property.This property represents a custom view that can be displayed on the radial menu item.

Declaration

public static readonly BindableProperty ViewProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for View 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

BackgroundColor

Gets or sets the value indicating Represents the background color of the individual RadialMenuItem.

Declaration

public Color BackgroundColor { get; set; }

Property Value

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

Examples

The below example shows how to apply the BackgroundColor for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem BackgroundColor="Orange" 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, BackgroundColor = Colors.Orange });
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;

Command

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

Declaration

public ICommand Command { get; set; }

Property Value

Type	Description
System.Windows.Input.ICommand	The default value is null.

Examples

The below example shows how to apply the FontAttributes for a RadialMenuItem.

 <radialMenu:SfRadialMenu CenterButtonText = "Edit" >
   < radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14" FontAttributes="Bold" Command="{Binding BoldCommand}" CommandParameter="Bold Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16" Command="{Binding CopyCommand}" CommandParameter="Copy Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="18" Command="{Binding PasteCommand}" CommandParameter="Paste Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="20" Command="{Binding UndoCommand}" CommandParameter="Undo Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22" Command="{Binding ColorCommand}" CommandParameter="Color Command Parameter"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

public class CommandViewModel
{
    public ICommand BoldCommand { get; private set; }

    public CommandViewModel()
    {
        BoldCommand = new Command(ExecuteBoldCommand);
    }

    private async void ExecuteBoldCommand()
    {
        await DisplayAlert("Bold", "BoldCommand is Executed", "Ok");
    }
}

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();

SfRadialMenuItem boldItem = new SfRadialMenuItem() { Text = "Bold", FontSize = 14, FontAttributes = FontAttributes.Bold };
boldItem.Command = BoldCommand;
boldItem.CommandParameter = "Bold Command Parameter";
itemCollection.Add(boldItem);

SfRadialMenuItem copyItem = new SfRadialMenuItem() { Text = "Copy", FontSize = 16 };
copyItem.Command = CopyCommand;
copyItem.CommandParameter = "Copy Command Parameter";
itemCollection.Add(copyItem);

SfRadialMenuItem pasteItem = new SfRadialMenuItem() { Text = "Paste", FontSize = 18 };
pasteItem.Command = PasteCommand;
pasteItem.CommandParameter = "Paste Command Parameter";
itemCollection.Add(pasteItem);

SfRadialMenuItem undoItem = new SfRadialMenuItem() { Text = "Undo", FontSize = 20 };
undoItem.Command = UndoCommand;
undoItem.CommandParameter = "Undo Command Parameter";
itemCollection.Add(undoItem);

SfRadialMenuItem colorItem = new SfRadialMenuItem() { Text = "Color", FontSize = 22 };
colorItem.Command = ColorCommand;
colorItem.CommandParameter = "Color Command Parameter";
itemCollection.Add(colorItem);

radialMenu.Items = itemCollection;
this.Content = radialMenu;

CommandParameter

Gets or sets the value of the CommandParameter, which is a parameter to pass the Command property.

Declaration

public object CommandParameter { get; set; }

Property Value

Type	Description
System.Object	The default value is null.

Examples

The below example shows how to apply the FontAttributes for a RadialMenuItem.

 <radialMenu:SfRadialMenu CenterButtonText = "Edit" >
   < radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14" FontAttributes="Bold" Command="{Binding BoldCommand}" CommandParameter="Bold Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16" Command="{Binding CopyCommand}" CommandParameter="Copy Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="18" Command="{Binding PasteCommand}" CommandParameter="Paste Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="20" Command="{Binding UndoCommand}" CommandParameter="Undo Command Parameter"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22" Command="{Binding ColorCommand}" CommandParameter="Color Command Parameter"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

public class CommandViewModel
{
    public ICommand BoldCommand { get; private set; }

    public CommandViewModel()
    {
        BoldCommand = new Command(ExecuteBoldCommand);
    }

    private async void ExecuteBoldCommand()
    {
        await DisplayAlert("Bold", "BoldCommand is Executed", "Ok");
    }
}

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();

SfRadialMenuItem boldItem = new SfRadialMenuItem() { Text = "Bold", FontSize = 14, FontAttributes = FontAttributes.Bold };
boldItem.Command = BoldCommand;
boldItem.CommandParameter = "Bold Command Parameter";
itemCollection.Add(boldItem);

SfRadialMenuItem copyItem = new SfRadialMenuItem() { Text = "Copy", FontSize = 16 };
copyItem.Command = CopyCommand;
copyItem.CommandParameter = "Copy Command Parameter";
itemCollection.Add(copyItem);

SfRadialMenuItem pasteItem = new SfRadialMenuItem() { Text = "Paste", FontSize = 18 };
pasteItem.Command = PasteCommand;
pasteItem.CommandParameter = "Paste Command Parameter";
itemCollection.Add(pasteItem);

SfRadialMenuItem undoItem = new SfRadialMenuItem() { Text = "Undo", FontSize = 20 };
undoItem.Command = UndoCommand;
undoItem.CommandParameter = "Undo Command Parameter";
itemCollection.Add(undoItem);

SfRadialMenuItem colorItem = new SfRadialMenuItem() { Text = "Color", FontSize = 22 };
colorItem.Command = ColorCommand;
colorItem.CommandParameter = "Color Command Parameter";
itemCollection.Add(colorItem);

radialMenu.Items = itemCollection;
this.Content = radialMenu;

FontAttributes

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

Declaration

public FontAttributes FontAttributes { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.FontAttributes	The default value is None.

Examples

The below example shows how to apply the FontAttributes for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14", FontAttributes="Bold"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

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

FontAutoScalingEnabled

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 FontAutoScalingEnabled { 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 RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14", FontAutoScalingEnabled="True"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 14, FontAutoScalingEnabled = true });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 16 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 18 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 20 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 22 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

FontFamily

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

Declaration

public string FontFamily { get; set; }

Property Value

Type	Description
System.String	The default value is null.

Examples

The below example shows how to apply the FontFamily for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14", FontFamily="OpenSansRegular"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 14, FontFamily="OpenSansRegular" });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 16 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 18 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 20 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 22 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Type	Description
System.Double	The default value is 14.

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

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

Image

Gets or sets the value indicating Represents the Image of the individual RadialMenuItem.

Declaration

public ImageSource Image { get; set; }

Property Value

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

Examples

The below example shows how to apply the Image for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Image ="bold.png" 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, Image ="bold.png" });
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 RadialMenuItem.

Declaration

public bool IsEnabled { get; set; }

Property Value

Type	Description
System.Boolean	The default value is true.

Examples

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

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14", IsEnabled="False"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 14, IsEnabled = false });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 16 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 18 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 20 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 22 });
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 RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem ItemHeight ="80" 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, ItemHeight = 80 });
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 represents a list of items to display.

Declaration

public SubMenuItemsCollection Items { get; set; }

Property Value

Type	Description
SubMenuItemsCollection	The default value is null.

Examples

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

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Text" FontSize="12">
           <radialMenu:SfRadialMenuItem.Items>
                 <radialMenu:SfRadialMenuItem Text = "Strike">
                 <radialMenu:SfRadialMenuItem Text = "Highlight">
                 <radialMenu:SfRadialMenuItem Text = "Squiggly">
                 <radialMenu:SfRadialMenuItem Text = "Underline">
           </radialMenu:SfRadialMenuItem.Items>
       </radialMenu:SfRadialMenuItem>
       <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>();
SubMenuItemsCollection<SfRadialMenuItem> subItemCollection = new ObservableCollection<SfRadialMenuItem>();

subItemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
subItemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
subItemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
subItemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });
subItemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12 });

itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 12, Items = subItemCollection });
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;

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 ItemHeight for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem ItemWidth ="80" 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, ItemWidth = 80 });
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;

SegmentIndex

Gets or sets the value that allows user to rearrange or position the items. It will be applicable only if the SfRadialMenu in Custom layout type.

Declaration

public int SegmentIndex { get; set; }

Property Value

Type	Description
System.Int32	The default value is -1.

Examples

The below example shows how to apply the SegmentIndex for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14", SegmentIndex="2"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 14, SegmentIndex = 2 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 16 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 18 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 20 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 22 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Text

Gets or sets the value indicating Represents the text of the individual RadialMenuItem.

Declaration

public string Text { get; set; }

Property Value

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

Examples

The below example shows how to apply the Text for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem BackgroundColor="Orange" 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, BackgroundColor = Colors.Orange });
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;

TextColor

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

Declaration

public Color TextColor { get; set; }

Property Value

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

Examples

The below example shows how to apply the TextColor for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem TextColor ="Blue" 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, TextColor = Colors.Blue });
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;

View

Gets or sets the value indicating Represents the custom view displayed of the individual RadialMenuItem.

Declaration

public View View { get; set; }

Property Value

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

Examples

The below example shows how to apply the Image for a RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
   <radialMenu:SfRadialMenuItem>
       <radialMenu:SfRadialMenuItem.View>
            <StackLayout VerticalOptions="Center">
                <Label Text ="Edit"/>
            </StackLayout>
        </radialMenu:SfRadialMenuItem.View>
   </radialMenu:SfRadialMenuItem>
       <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>();

SfRadialMenuItem radialMenuItem = new SfRadialMenuItem();

StackLayout view = new StackLayout
{
   VerticalOptions = LayoutOptions.Center
};

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

view.Children.Add(label);

itemCollection.Add(new SfRadialMenuItem() { View = view });
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 RadialMenuItem.

XAML
C#

<radialMenu:SfRadialMenu CenterButtonText = "Edit">
   <radialMenu:SfRadialMenu.Items>
       <radialMenu:SfRadialMenuItem Text = "Bold" FontSize="14", VisibleSegmentsCount="2"/>
       <radialMenu:SfRadialMenuItem Text = "Copy" FontSize="16"/>
       <radialMenu:SfRadialMenuItem Text = "Undo" FontSize="18"/>
       <radialMenu:SfRadialMenuItem Text = "Paste" FontSize="20"/>
       <radialMenu:SfRadialMenuItem Text = "Color" FontSize="22"/>
   </radialMenu:SfRadialMenu.Items>
</radialMenu:SfRadialMenu>

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

RadialMenuItemsCollection<SfRadialMenuItem> itemCollection = new ObservableCollection<SfRadialMenuItem>();
itemCollection.Add(new SfRadialMenuItem() { Text = "Bold", FontSize = 14, VisibleSegmentsCount = 2 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Copy", FontSize = 16 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Paste", FontSize = 18 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Undo", FontSize = 20 });
itemCollection.Add(new SfRadialMenuItem() { Text = "Color", FontSize = 22 });
radialMenu.Items = itemCollection;
this.Content = radialMenu;

Methods

ArrangeContent(Rect)

This method arranges the content within the specified bounds. It measures each child view and arranges them accordingly.

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)

This method calculates the size of the content of the radial menu item.

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)

OnDraw(ICanvas, RectF)

This method is responsible for drawing the item text on the canvas before calling the base OnDraw method to ensure proper rendering.

Declaration

protected override void OnDraw(ICanvas canvas, RectF dirtyRect)

Parameters

Type	Name	Description
Microsoft.Maui.Graphics.ICanvas	canvas
Microsoft.Maui.Graphics.RectF	dirtyRect

Overrides

SfView.OnDraw(ICanvas, RectF)

Events

ItemTapped

The ItemTapped event in this region indicates that there is an event handler for when an item is tapped within the radial menu.

Declaration

public event EventHandler<ItemTappedEventArgs> ItemTapped

Event Type

Type
System.EventHandler<ItemTappedEventArgs>

TouchDown

Occurs when a radial menu item is pressed and held.

Declaration

public event EventHandler<RadialMenuItemEventArgs> TouchDown

Event Type

Type	Description
System.EventHandler<RadialMenuItemEventArgs>	This event provides information about the pressed radial menu item, allowing further customization or interaction.

TouchUP

Occurs when a radial menu item is released after being pressed.

Declaration

public event EventHandler<RadialMenuItemEventArgs> TouchUP

Event Type

Type	Description
System.EventHandler<RadialMenuItemEventArgs>	This event provides information about the released radial menu item, allowing further customization or interaction.

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