How to add shapes to the Xamarin.Forms Image Editor on initial loading
This article shows how the shapes in the image editor can be annotated on initial loading scenario. While programmatically adding a shape to the image editor, we can either fall into two valid scenarios with or without an image on the editor.
Shape was added with the help of AddShape() method, which passed the desired shape and its pen settings.
With Image
If the image has been loaded, you can add the shape to the ImageLoaded event as shown in the code snippet as follows.
editor.ImageLoaded += (Object sender, ImageLoadedEventArgs args) =>
{
editor.AddShape(ShapeType.Circle,new PenSettings() { Color=Color.Green});
}
Output
Without Image
When image editor does not have a loaded image, add a shape with some time delay to the timer as shown in the code snippet as follows.
C#
Device.StartTimer(TimeSpan.FromMilliseconds(1000), () =>
{
editor.AddShape(ShapeType.Circle,new PenSettings() { Color=Color.Green});
return false;
});
Output
Download the complete sample here.
See Also:
How do I add a shape to an image?
How do I notify the image that is loaded in the SfImageEditor control?
