Category / Section
How to get toolbar item and change icon using name in SfImageEditor?
1 min read
By default, In SfImageEditor we can get toolbar items based on index value. We can also get toolbar items using name.
Step 1: Create SfImageEditor sample with all necessary assemblies.
Please refer the below link to create a simple SfImageEditor sample along with the ways to configure it.
https://help.syncfusion.com/xamarin/sfimageeditor/getting-started
Step 2: To get toolbar item’s you can use available toolbar item’s name in SfImageEditor.
Please refer the below link to get available toolbar item’s name in SfImageEditor.
https://help.syncfusion.com/xamarin/sfimageeditor/toolbarcustomization#name
Code Snippet:
private void Toolitem_Clicked(object sender, EventArgs e)
{
ItemName = GetName.Text;
ToolbarItem = editor.ToolbarSettings.ToolbarItems;
var toolbarItem = GetToolItem(ToolbarItem);
if (toolbarItem != null)
{
toolbarItem.Icon = ImageSource.FromResource("ImageEditor_GettingStarted.icon.png");
}
}
private ImageEditor.ToolbarItem GetToolItem(ObservableCollection<ImageEditor.ToolbarItem> toolbarItem)
{
foreach (var toolItem in toolbarItem)
{
if (ItemName != null)
{
if (toolItem.Name.ToLower().Equals(ItemName.ToLower()))
{
ImageEditorToolbarItem = toolItem;
break;
}
else if (toolItem is ImageEditor.FooterToolbarItem)
{
var subitems = (toolItem as ImageEditor.FooterToolbarItem).SubItems.Count;
if (subitems > 0)
{
var toolabrItem = (toolItem as ImageEditor.FooterToolbarItem).SubItems;
GetToolItem(toolabrItem);
}
}
}
}
return ImageEditorToolbarItem;
}
Sample link: