ImageFromXamarinUI

Extension methods for capturing images from UI

Available Platforms:

Getting started

You can just watch the Video that @jfversluis published

This is how you can create a simple command to call CaptureImageAsync method

public ImageSource ResultImageSource { get; set; }

public ICommand CaptureCommand  => new Command<Xamarin.Forms.VisualElement>(OnCapture);

async void OnCapture(Xamarin.Forms.VisualElement element)
{
    try
    {
        var stream = await element.CaptureImageAsync(Color.White);
        ResultImageSource = ImageSource.FromStream(() => stream);
    }
    catch (Exception)
    {
        // Handle exception
    }        
}

You can pass in the calling element when the Command is triggered:

<StackLayout x:Name="rootView">
    <Button Text="Capture"
            Command="{Binding CaptureCommand}"
            CommandParameter="{x:Reference rootView}"/>
</StackLayout>