Question

我正在使用Xamarin表单的签名板，我正在尝试将签名设置为图像源。

我正在尝试将流转换为ByteArray，但转换后的bytearray始终为空。

在函数ReadFully中，我尝试了两种方法，但都返回了0字节

你能告诉我哪里出错了。

我在互联网上查找了这些链接

https://forums.xamarin.com/discussion/19853/load-image-form-byte-array

XAML

    <?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="Radical.Views.DocketSignaturePad"
             xmlns:acr="clr-namespace:Acr.XamForms.SignaturePad;assembly=Acr.XamForms.SignaturePad"
             Title="DocketSignaturePad">
  <ScrollView>
    <StackLayout Padding="10">
            <acr:SignaturePadView
                x:Name="padView"
                HeightRequest="320"
                WidthRequest="240"

                BackgroundColor="White"
                CaptionText="Caption This"
                CaptionTextColor="Black"
                ClearText="Clear Me!"
                ClearTextColor="Red"
                PromptText="Prompt Here"
                PromptTextColor="Red"
                SignatureLineColor="Aqua"
                StrokeColor="Black"
                StrokeWidth="2"
            />

            <Button Clicked="OnChangeTheme" Text="Change Theme" />
            <Button Clicked="SaveSignature" Text="Save signature"/>
            <Image x:Name="signatureImage" WidthRequest="300" HeightRequest="100" BackgroundColor="Blue"/>
        </StackLayout>
  </ScrollView>
</ContentPage>

Xaml.cs

    async void SaveSignature(object sender, EventArgs e)
        {

            List<DrawPoint> signaturePoints = padView.GetDrawPoints().ToList();

            if (signaturePoints.Count > 0)
            {
                Stream imageAsBytes = new MemoryStream(ReadFully(padView.GetImage(ImageFormatType.Jpg)));
                signatureImage.Source = ImageSource.FromStream(() => new MemoryStream(ReadFully(padView.GetImage(ImageFormatType.Jpg))));
}
}

public static byte[] ReadFully(Stream input)
        {
            using (MemoryStream ms = new MemoryStream())
            {
                input.CopyTo(ms);
                return ms.ToArray();
            }


            //byte[] buffer = new byte[16 * 1024];
            //using (MemoryStream ms = new MemoryStream())
            //{
            //    int read;
            //    while ((read = input.Read(buffer, 0, buffer.Length)) > 0)
            //    {
            //        ms.Write(buffer, 0, read);
            //    }
            //    return ms.ToArray();
            //}


        }

Answer 1

您可以使用此代码，它对我有用：

Stream image = await sign.GetImageStreamAsync(SignatureImageFormat.Png);                   
img_signature.Source = ImageSource.FromStream(() => image);

Answer 2

我可能会使用转化来修复您的代码，但根据我的口味，您不需要太多的转换。问题是，在你得到一个流后，它指向它的结尾。这是做你需要的更好的方式：

void SaveSignature(object sender, EventArgs e)
{
            List<DrawPoint> signaturePoints = padView.GetDrawPoints().ToList();
            if (signaturePoints.Count > 0)
            {
                Stream s = padView.GetImage(ImageFormatType.Png);
                //s.Position = 0; or
                s.Seek(0,SeekOrigin.Begin);
                signatureImage.Source = ImageSource.FromStream(() => { return s; });
            }
}

注意，它不能很好地使用JPG，因为你不能使它成为透明背景所以它只显示黑色矩形。它适用于PNG。如果打击垫与图像的大小不同，您可以查看缩放图像

还有一件事：我会尽量避免将stacklayout放入scrollview。在小型设备上而不是写签名时，它会尝试移动屏幕。

我会从Xamarin看看更现代的控制

流到ByteArray - 将签名板转换为图像

2 个答案: