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

时间:2018-09-24 19:05:33

标签: c# xaml xamarin.forms

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

由于我使用PRISM并具有ViewModel的支持,因此我不确定如何将以下代码转换为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

1 个答案:

答案 0 :(得分:2)

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>