如何在Xamarin表单中创建半屏相机视图

时间:2017-12-18 10:06:42

标签: xamarin xamarin.forms xamarin.ios xamarin.android

我想在屏幕的一半显示实时摄像机视图,剩下的半屏需要在Xamarin Forms中插入一些控件。出于相机目的,我正在使用" Plugin.Media;"但插件会打开新的相机窗口。相同的页面应该显示在iOS和Android上。请建议我如何开发/设计此页面。 或者如何从此视图创建任何自定义渲染器。

Wireframe

2 个答案:

答案 0 :(得分:2)

您需要编写自定义渲染器。

在PCL中创建基本的ContentPage或BasePage CameraView.xaml。

在Android项目中,您需要像这里一样创建Camera Ui

https://github.com/pierceboggan/Moments/blob/master/Moments%20-%20CSharp/Moments.Droid/Resources/layout/CameraLayout.axml

现在只需像这里一样编写渲染器:

https://github.com/pierceboggan/Moments/blob/master/Moments%20-%20XAML/Moments.Droid/Pages/CameraPage.cs

同样的步骤也适用于iOS,只需使用https://github.com/pierceboggan/Moments进行学习。

答案 1 :(得分:2)

您需要一个自定义视图渲染器才能实现它。 Xamarin Forms官方文档有一个示例,您可以在此处查看:https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/custom-renderer/view/

关于设计中的其他控件,您可以使用Xamarin Forms Controls(按钮,图像等)来完成