在 Xamarin.Forms 中获取图像或 ImageSource 的字节 [] / 流？

Question

我一直在深入研究 Xamarin.Forms.Labs，以了解有关如何访问和操作图像的更多信息。将图像保存到 Android/iOS 照片库可以正常工作，至少在用户交互的情况下从其中检索图像也是如此。

问题是我希望能够在程序内部保存一些文件。实际上保存文件本身似乎不是问题 - 我已经为此编写了一个 interface/DependencyService 解决方案。

我似乎无法使用 Xamarin.Forms Image 或 ImageSource 访问图像数据本身的字节 [] 或流。使用静态方法将流读入 ImageSource 相对简单，那么如何取出这些字节以便将文件保存在程序本身中？

为此：我现在正在开发一个应用程序，用户在该应用程序中拍摄/选择要包含在表单中的图片，并且表单最终会发布到网站。因此，能够实际保存图片，或访问数据本身以进行传输，是非常关键的。

Answer 1

一个非常老套的方法是为您的图像编写一个自定义渲染器。然后渲染器将从本机控件中获取byte[]/Stream。这是一个非常粗略的实现，没有任何错误处理来帮助您入门：

public class MyImage : Image
{
    public Func<byte[]> GetBytes { get; set; }
}

这是 iOS 渲染器：

public class MyImageRenderer : ImageRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Image> e)
    {
        base.OnElementChanged(e);

        var newImage = e.NewElement as MyImage;
        if (newImage != null)
        {
            newImage.GetBytes = () =>
            {
                return this.Control.Image.AsPNG().ToArray();
            };
        }

        var oldImage = e.OldElement as MyImage;
        if (oldImage != null)
        {
            oldImage.GetBytes = null;
        }
    }
}

Android 涉及更多一点：

public class MyImageRenderer : ImageRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Image> e)
    {
        base.OnElementChanged(e);

        var newImage = e.NewElement as MyImage;
        if (newImage != null)
        {
            newImage.GetBytes = () =>
            {
                var drawable = this.Control.Drawable;
                var bitmap = Bitmap.CreateBitmap(drawable.IntrinsicWidth, drawable.IntrinsicHeight, Bitmap.Config.Argb8888);
                drawable.Draw(new Canvas(bitmap));
                using (var ms = new MemoryStream())
                {
                    bitmap.Compress(Bitmap.CompressFormat.Png, 100, ms);
                    return ms.ToArray();
                }
            };
        }

        var oldImage = e.OldElement as MyImage;
        if (oldImage != null)
        {
            oldImage.GetBytes = null;
        }
    }
}

最后，用法很明显：

var bytes = myImage.GetBytes?.Invoke();

将想法扩展为支持流应该非常简单。明显的警告是表单控件 (MyImage) 保留了通过 GetBytes() 对其渲染器的引用，但这似乎是不可避免的。