Dealing with CenterButton and BackButton
3 Sep 202024 minutes to read
The CenterButton or BackButton in the radial menu can be viewed in the center of the radial menu. It performs operations such as opening and closing the rim and navigating to next level items. The radial menu allows you to customize the CenterButton/BackButton with FontIcon
, Custom View
, and Caption
.
CenterButtonText and CenterButtonBackText
The CenterButtonText changes the text of the center button in SfRadialMenu
, and the CenterButtonBackText changes the text of the center back button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonTextColor = UIColor.Black;
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);//
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonTextColor and CenterButtonBackTextColor
The CenterButtonTextColor changes the text color of the center button in SfRadialMenu
, and the ‘CenterButtonBackTextColor’ changes the text color of the center back button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonTextColor = UIColor.Blue;
sfRadialMenu.CenterButtonBackTextColor = UIColor.Blue;
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);//
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonBackground
The CenterButtonBackgroundColor changes the background color of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonBackgroundColor = UIColor.FromRGB(232, 25, 156);
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);//
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonRadius
The CenterButtonRadius changes the radius of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonRadius = 20;
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);//
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonIconFont
The CenterButtonTypeface changes the font family of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonRadius = 20;
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);//
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonBorderColor
The CenterButtonBorderColor changes the border color of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonRadius = 20;
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);
sfRadialMenu.CenterButtonBorderColor = UIColor.Black;
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonBorderThickness
The CenterButtonBorderThickness changes the border thickness of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonRadius = 20;
sfRadialMenu.CenterButtonBorderThickness = 20;
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);
sfRadialMenu.CenterButtonBorderColor = UIColor.Black;
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.Center;
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
CenterButtonPlacement
The CenterButtonPlacement changes the placement of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);
sfRadialMenu.CenterButtonPlacement = SfRadialMenuCenterButtonPlacement.TopLeft;
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}
EnableCenterButtonAnimation
The EnableCenterButtonAnimation is used to either enable or disable animation of the center button in SfRadialMenu.
using Foundation;
using Syncfusion.SfRadialMenu.iOS;
using System;
using UIKit;
namespace RadialMenuNative
{
public partial class ViewController : UIViewController
{
public ViewController(IntPtr handle) : base(handle)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
// Perform any additional setup after loading the view, typically from a nib.
string[] layer = new string[] { "\uE9AB", "\uEB07", "\uEB73", "\uEBAE", "\uECD5", "\uEFAB" };
string[] outerLayer = new string[] { "\uEC3B", "\uEC3A", "\uEC39", "\uEC38", "\uEC37" };
SfRadialMenu sfRadialMenu = new SfRadialMenu();
sfRadialMenu.CenterButtonText = "\uE9A5";
sfRadialMenu.CenterButtonBackText = "\uE703";
sfRadialMenu.CenterButtonIconFont = UIFont.FromName("Sample", 30);
sfRadialMenu.EnableCenterButtonAnimation = true;
for (int i = 0; i < 5; i++)
{
//Adding Items
SfRadialMenuItem item = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = layer[i]};
//Adding Sub items
for (int j = 0; j < 4; j++)
{
SfRadialMenuItem item1 = new SfRadialMenuItem() { IconFont = UIFont.FromName("Sample", 20), FontIcon = outerLayer[j] };
item.Items.Add(item1);
}
sfRadialMenu.Items.Add(item);
}
this.View.AddSubview(sfRadialMenu);
}
public override void DidReceiveMemoryWarning()
{
base.DidReceiveMemoryWarning();
// Release any cached data, images, etc that aren't in use.
}
}
}