Question

我正在使用Xamarin Forms，我想加载带有imagecells的listview，我也用XAML绑定数据。我的网络服务提供商给我返回图像的二进制代码，¿有人知道如何将其转换为显示图像吗？

这是我的XAML列表视图模板：

    <ListView x:Name="lv_products">

      <ListView.ItemTemplate>
        <DataTemplate>
          <ImageCell
                    Text="{Binding Name}"
                    Detail="{Binding Description}"
                    ImageSource="{Binding Image, Converter={StaticResource cnvImage}}">
          </ImageCell>
        </DataTemplate>

      </ListView.ItemTemplate>
    </ListView>

转换器：

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (value != null && value is byte[])
        {

            byte[] binary = (byte[])value;

            Image image = new Image();
            image.Source = ImageSource.FromStream(() => new MemoryStream(binary));

            return image.Source;
        }
        return null;
    }

但图片显示为空（透明）。

Answer 1

这是工作转换器。我使用MemoryStream和ImageSource.FromStream。

public class ByteImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        var image = value as byte[];
        if (image == null)
            return null;
        return ImageSource.FromStream(() => new MemoryStream(image));
    }

    public object ConvertBack(object value, Type targetType,
                              object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

就像这里的样本是我的页面

public partial class Page : ContentPage
{
    readonly ViewModel _bindingContext = new ViewModel();

    public Page()
    {
        InitializeComponent();

        BindingContext = _bindingContext;
        LoadImage();
    }

    private async void LoadImage()
    {
        var assembly = typeof (ByteImageConverter).GetTypeInfo().Assembly;
        var stream = assembly
              .GetManifestResourceStream("TestImage.c5qdlJqrb04.jpg");
        using (var ms = new MemoryStream())
        {
            await stream.CopyToAsync(ms);
            _bindingContext.Image = ms.ToArray();
        }
    }
}

public class ViewModel : INotifyPropertyChanged
{
    private byte[] _image;
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(
                             [CallerMemberName] string propertyName = null)
    {
        var handler = PropertyChanged;
        if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
    }

    public byte[] Image
    {
        get { return _image; }
        set
        {
            _image = value;
            OnPropertyChanged();
        }
    }
}

Answer 2

如果你有一个返回图像文件的URL，为什么不把这个URL用作ImageSource？

  <ImageCell  Text="{Binding Name}"
              Detail="{Binding Description}"
              ImageSource="{Binding ImageURL}">
  </ImageCell>

Answer 3

您可以将字节数组转换为位图图像，并将该位图指定给ImageView。我在Xamarin.Android中做过这个，知道它是否适用于表单。

bitmap = BitmapFactory.DecodeByteArray（byte，0，byte.Length）;

然后使用imageView.FromBitmap（）显示此图像。

如何在Xamarin中加载二进制图像

3 个答案: