我正在尝试使用ZXing.Net.Mobile将QR码显示为图像。

我很难将从byte[]返回的BarcodeWriter.Writer(...)转换为图像以进行显示。

即,这不会显示图像

public class BarcodePage : ContentPage
{
    public BarcodePage()
    {
        Image image = new Image();

        image.Source = ImageSource.FromStream(() =>
        {
            var writer = new BarcodeWriter
            {
                Format = BarcodeFormat.QR_CODE,
                Options = new EncodingOptions
                {
                    Height = 200,
                    Width = 600
                }
            };

            var bitmapBytes = writer.Write ("Some text");
            return new MemoryStream(bitmapBytes);
        });

        Content = image;
    }
}


bitmapBytes字节数组在调试器中看起来具有合理的值,如何将其转换为图像以进行显示?

如果我将Image.Source分配更改为:

image.Source = ImageSource.FromUri(new Uri("http://i.imgur.com/q0aIYvC.png"));


那么它确实可以正确显示图像,所以我知道问题不在于表单布局等。

解决方法

目前,我正在转换为本机中的MemoryStream,例如在Android中,我有:

public class BuildQrCodes_Android : IBuildQrCodes
{
    public async Task<MemoryStream> ImageStreamForAsync(string text)
    {
        var writer = new BarcodeWriter
            {
                Format = ZXing.BarcodeFormat.QR_CODE,
                Options = new EncodingOptions
                    {
                        Height = 600,
                        Width = 600
                    }
            };

        var bitmap = writer.Write(text);

        var stream = new MemoryStream();
        await bitmap.CompressAsync(Bitmap.CompressFormat.Png, 100, stream);
        stream.Position = 0;

        return stream;
    }
}


然后在Xamarin Forms一侧,我有

IBuildQrCodes qrBuilder = /* Service lookup */
var stream = await qrBuilder.ImageStreamForAsync("the text to encode");
return ImageSource.FromStream(() => new MemoryStream(stream.ToArray()));


这是我想要的,所以这是可以接受的解决方法。

最佳答案

我不确定代码中的“内容”控件代表什么,但是将“图像”分配给作为ContentPage成员的Form View的Image类应该可以解决问题。

在XAML中,您将在ContentPage中创建一个图片,即在Form的samples中创建一个图片。

否则,动态创建一个Image类窗口小部件,并通过AddView for your ContentPage将其添加到您的布局中。

10-08 04:56