如何在 Xamarin 表单中与其他 UI 元素一起使用 ZXing.Net？答案

【问题标题】：How do I use ZXing.Net in Xamarin forms alongside other UI elements?如何在 Xamarin 表单中与其他 UI 元素一起使用 ZXing.Net？
【发布时间】：2018-09-25 03:09:52
【问题描述】：

我正在查看ZXing.net for Xamarin.Forms 的示例，它使用纯代码方法来创建条形码。

由于我使用的是带有支持 ViewModel 的 PRISM，我不完全确定如何将以下代码转换为 Xaml，以便我可以在对象旁边放置标签或其他文本。

public class BarcodePage : ContentPage
{
    ZXingBarcodeImageView barcode;

    public BarcodePage ()
    {
        barcode = new ZXingBarcodeImageView {
            HorizontalOptions = LayoutOptions.FillAndExpand,
            VerticalOptions = LayoutOptions.FillAndExpand,
            AutomationId = "zxingBarcodeImageView",
        };
        barcode.BarcodeFormat = ZXing.BarcodeFormat.QR_CODE;
        barcode.BarcodeOptions.Width = 300;
        barcode.BarcodeOptions.Height = 300;
        barcode.BarcodeOptions.Margin = 10;
        barcode.BarcodeValue = "ZXing.Net.Mobile";

        Content = barcode;
    }
}

我的问题是，我如何设计一个页面，以便我可以放置 ImageView

【问题讨论】：

标签： c# xaml xamarin.forms

【解决方案1】：

xmlns:zx="clr-namespace:ZXing.Net.Mobile.Forms;assembly=ZXing.Net.Mobile.Forms"
xmlns:zxcm="clr-namespace:ZXing.Common;assembly=zxing.portable"

<zx:ZXingBarcodeImageView
                BarcodeFormat="QR_CODE"
                BarcodeValue="{Binding QrCode}"
                HorizontalOptions="FillAndExpand"
                VerticalOptions="FillAndExpand">
                <zx:ZXingBarcodeImageView.BarcodeOptions>
                    <zxcm:EncodingOptions Width="300" Height="300" />
                </zx:ZXingBarcodeImageView.BarcodeOptions>
            </zx:ZXingBarcodeImageView>

【讨论】：