[F100] Camera View

[rmarinho]

Rationale

Forms does not currently contain a cross platform view which allows to use and preview the camera of the device it's running on. There are some issues to be answer still, should we support control or just a preview of the image.

Implementation.

Users should be able to choose front or rear camera and visualize the image.
Users should be able to show default controls or not.
User should be able to capture a image and use it on Xamarin.Forms
This will probably require a VideoSource class similar to the ImageSource class, with the appropriate subclasses (FileVideoSource, StreamVideoSource, UriVideoSource and their respective type converters), as talked on #1692 to Support video.

public class CameraView : View
{
	public event EventHandler<MediaCapturedEventArgs> MediaCaptured;
	public event EventHandler<EventArgs> MediaCaptureFailed;

	public static readonly BindableProperty ShutterButtonCommandProperty = BindableProperty.Create(nameof(ShutterButtonCommand), typeof(ICommand), typeof(CameraView), null);
	public ICommand ShutterButtonCommand
	{
		get { return (ICommand)GetValue(ShutterButtonCommandProperty); }
		set { SetValue(ShutterButtonCommandProperty, value); }
	}

	public static readonly BindableProperty CameraOptionsProperty = BindableProperty.Create(nameof(CameraOptions), typeof(CameraOptions), typeof(CameraView), CameraOptions.Default);

	public CameraOptions CameraOptions
	{
		get { return (CameraOptions)GetValue(CameraOptionsProperty); }
		set { SetValue(CameraOptionsProperty, value); }
	}

	public static readonly BindableProperty ControlsOptionsProperty = BindableProperty.Create(nameof(ControlsOptions), typeof(CameraControlsOptions), typeof(CameraView), CameraControlsOptions.Default);

	public CameraControlsOptions ControlsOptions
	{
		get { return (CameraControlsOptions)GetValue(ControlsOptionsProperty); }
		set { SetValue(ControlsOptionsProperty, value); }
	}

	public static readonly BindableProperty CaptureOptionsProperty = BindableProperty.Create(nameof(CaptureOptions), typeof(CameraCaptureOptions), typeof(CameraView), CameraCaptureOptions.Default);

	public CameraCaptureOptions CaptureOptions
	{
		get { return (CameraCaptureOptions)GetValue(CaptureOptionsProperty); }
		set { SetValue(CaptureOptionsProperty, value); }
	}

}

public class MediaCapturedEventArgs : EventArgs
{
	public object Data { get; set; }
	public ImageSource Image { get; set; }
       	public VideoSource Image { get; set; }
}

public enum CameraOptions
{
	Default,
	Rear,
	Front
}

public enum CameraControlsOptions
{
	Default,
	Visible,
	Hidden
}

public enum CameraCaptureOptions
{
	Default,
	Photo,
	Video,
	PhotoAndVideo
}

Expected Result

Android

iOS

UWP

Implications for CSS

None

Backward Compatibility

None

Difficulty: Hard

[StephaneDelcroix]

that's a control you're trying to create. XF shouldn't do that. the reason is that we can not change its appearance once it's released, and it'll feel awkward in a version or 2 of iOS or Android.

[andreinitescu]

In my opinion, this control should not have any UI, but have just methods/events/properties for functionality. It should be similar to the idea of MediaElement (another ticket)

[rmarinho]

I have talked with @paymicro and he wanted to have a go at this, so its working on a branch for this feature.

https://github.com/paymicro/Xamarin.Forms/tree/fix-gh1730-camera

[rmarinho]

Yeah let's make sure no UI for now; we just have methods and events to play the video and a View to renderer it

[dineshmahajan]

Hi is CameraView for now is stable enough to implement I wanted it to record video