xamarin - 如何将 PageRenderer/Fragment/View 中的 ZXing 扫描仪嵌入到 Xamarin.Forms ContentPage 中？

Question

我希望 ZXing.Net.Mobile 条形码扫描仪具有自定义覆盖层以及在一个 View 中的 Xamarin.Forms 中实现的一些 UI 组件。这可能吗？

我认为这是可能的并实现了这个:1. Android.Support.V4.App.FragmentActivity 带有 ZXing 扫描仪的自定义覆盖层。2. Android Activity，带有 ZXing 扫描仪的自定义覆盖层。3. Android PageRenderer，带有 ZXing 扫描仪的自定义覆盖层。

我能够运行所有这些变体，但无法将它们与 Xamarin.Forms UI 混合。

示例:这是我在共享项目中的 ZXingScannerRendererPage.xaml。我希望在 Zxing 扫描仪 View 上方有“测试按钮”按钮。

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage x:Name="RootPage"
    BackgroundColor="{StaticResource BackgroundColor}"
    xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:views="clr-namespace:DataCollector" x:Class="DataCollector.ZXingScannerRendererPage">
    <ContentPage.Content>
        <StackLayout>
            <Button Text="TEST BUTTON" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

但是当我使用 PageRenderer 运行应用程序时，我可以使用“测试按钮”查看我的布局，然后 View 跳转到 ZXing 扫描仪。当我“按后退”按钮时，我可以看到带有“测试按钮”的 XAML 布局。我觉得ZXing开了个新事件什么的。

所以，我需要的是:1. 将具有自定义叠加层的 ZXing.Net.Mobile 条形码扫描仪与其他 Xamarin.Forms UI 一起嵌入到我的 Xamarin.Forms ContentPage 中。或者2. 使用带有自定义覆盖层的 ZXing.Net.Mobile 条码扫描仪在 View 上方嵌入 Xamarin.Forms UI。

如何实现这一点？是否可以将 PageRenderer/Fragment/View 嵌入到 Xamarin.Forms XAML 中？

谢谢!

Answer 1

How to accomplish this? Is it possible to embed PageRenderer/Fragment/View into Xamarin.Forms XAML?

您可以将扫描仪 View 嵌入到其他冗余 BoxView 之间。

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                    x:Class="ZXingSample.PartialScreenScanning"
                    xmlns:zxing="clr-namespace:ZXing.Net.Mobile.Forms;assembly=ZXing.Net.Mobile.Forms"
                    Title="Partial screen">
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <BoxView Grid.Row="0" BackgroundColor="Chocolate"/>
    <zxing:ZXingScannerView Grid.Row="1" x:Name="_scanView" OnScanResult="Handle_OnScanResult" IsScanning="true"
                            WidthRequest="200" HeightRequest="200" />
    <BoxView Grid.Row="2" BackgroundColor="Blue" />
</Grid>

您可以从 GitHub 下载源文件。 https://github.com/jfversluis/ZXingSample

这个博客也会有帮助。 https://blog.verslu.is/xamarin/xamarin-forms-xamarin/scanning-generating-barcodes-zxing/