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

Posted 2023-03-25

【中文标题】如何在 Xamarin 表单中创建半屏相机视图

【英文标题】：how to create Half Screen Camera View in Xamarin forms

【发布时间】：2018-05-31 15:41:13

【问题描述】：

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

【参考方案1】：

您将需要一个自定义视图渲染器来实现它。 Xamarin Forms 官方文档有一个例子，你可以在这里查看：https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/custom-renderer/view/

关于设计中的其余控件，您可以使用 Xamarin Forms 控件（按钮、图像等）来完成

【讨论】：

谢谢。我需要创建唯一的相机视图渲染器而不是整个页面渲染器。

【参考方案2】：

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

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

在您的 Android 项目中，您需要像这里一样创建相机 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 进行学习。